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'), ], };