theme and plugin sync

2024-03-20 17:38:18 -04:00
commit 03e44e02f0
224 changed files with 56542 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,147 @@
+const theme_starter_colors = {
+  gray: {
+    50: '#f9fafb',
+    100: '#f3f4f6',
+    200: '#e5e7eb',
+    300: '#d1d5db',
+    400: '#9ca3af',
+    500: '#6b7280',
+    600: '#4b5563',
+    700: '#374151',
+    800: '#1f2937',
+    900: '#111827',
+  },
+
+  red: {
+    50: '#faf0f5',
+    100: '#f5e1ea',
+    200: '#e6b8ca',
+    300: '#d490a5',
+    400: '#b54e61',
+    500: '#951d20',
+    600: '#85171a',
+    700: '#6e0f12',
+    800: '#590a0c',
+    900: '#420607',
+    950: '#2b0303',
+  },
+
+  orange: {
+    50: '#fcf8f2',
+    100: '#faf2e6',
+    200: '#f5dec4',
+    300: '#f0c8a3',
+    400: '#e39162',
+    500: '#d75428',
+    600: '#c24621',
+    700: '#a13416',
+    800: '#80250e',
+    900: '#611909',
+    950: '#3d0d04',
+  },
+
+  yellow: {
+    50: '#fffdf5',
+    100: '#fcf8e8',
+    200: '#faeec5',
+    300: '#f5e0a2',
+    400: '#f0c362',
+    500: '#e7a026',
+    600: '#d1891d',
+    700: '#ad6915',
+    800: '#8c4d0e',
+    900: '#693507',
+    950: '#421e03',
+  },
+
+  green: {
+    50: '#f2faeb',
+    100: '#e3f3d4',
+    200: '#c9e8ae',
+    300: '#a5d87e',
+    400: '#85c655',
+    500: '#66ab37',
+    600: '#4d8828',
+    700: '#3d6923',
+    800: '#335420',
+    900: '#2d481f',
+    950: '#15270c',
+  },
+
+  blue: {
+    50: '#ebf2f5',
+    100: '#d8e5eb',
+    200: '#a3becc',
+    300: '#7698ad',
+    400: '#315370',
+    500: '#0a1c32',
+    600: '#08192e',
+    700: '#061326',
+    800: '#040e1f',
+    900: '#020917',
+    950: '#01050f',
+  },
+
+  indigo: {
+    50: '#eef2ff',
+    100: '#e0e7ff',
+    200: '#c7d2fe',
+    300: '#a5b4fc',
+    400: '#818cf8',
+    500: '#6366f1',
+    600: '#4f46e5',
+    700: '#4338ca',
+    800: '#3730a3',
+    900: '#312e81',
+  },
+
+  purple: {
+    50: '#f5f3ff',
+    100: '#ede9fe',
+    200: '#ddd6fe',
+    300: '#c4b5fd',
+    400: '#a78bfa',
+    500: '#8b5cf6',
+    600: '#7c3aed',
+    700: '#6d28d9',
+    800: '#5b21b6',
+    900: '#4c1d95',
+  },
+
+  pink: {
+    50: '#fdf2f8',
+    100: '#fce7f3',
+    200: '#fbcfe8',
+    300: '#f9a8d4',
+    400: '#f472b6',
+    500: '#ec4899',
+    600: '#db2777',
+    700: '#be185d',
+    800: '#9d174d',
+    900: '#831843',
+  },
+};
+
+// const theme_starter_fonts = {}
+
+// const theme_starter_backgrounds = {}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './*.{html,js,cjs,php}',
+    './src/**/*.{html,js,cjs,php}',
+    './template-parts/**/*.{html,js,cjs,php}',
+  ],
+  theme: {
+    extend: {
+      colors: theme_starter_colors, //<-- Use the theme_starter_colors for colors
+      // fontFamily: theme_starter_fonts, //<-- Use the theme_starter_fonts for fonts,
+    },
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/container-queries'),
+  ],
+};