28 lines
1.9 KiB
JavaScript
28 lines
1.9 KiB
JavaScript
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: '#f6d9d9', 100: '#f3b5ab', 200: '#eb9280', 300: '#e06e56', 400: '#d2462d', 500: '#c00000', 600: '#a50004', 700: '#8b0005', 800: '#720005', 900: '#5a0003', 950: '#430000' },
|
|
yellow: { 50: '#fef7dc', 100: '#ffefbc', 200: '#ffe69b', 300: '#ffdd77', 400: '#fed44e', 500: '#facc15', 600: '#d7b013', 700: '#b59410', 800: '#95790d', 900: '#75600a', 950: '#574707' },
|
|
green: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b' },
|
|
blue: { 50: '#dadfe3', 100: '#afb6c1', 200: '#858fa0', 300: '#5d6a80', 400: '#364761', 500: '#0a2744', 600: '#0b2138', 700: '#0b1b2d', 800: '#091522', 900: '#040e18' },
|
|
|
|
indigo: { 50: '#eef2ff', 100: '#e0e7ff', 200: '#c7d2fe', 300: '#a5b4fc', 400: '#818cf8', 500: '#6366f1', 600: '#4f46e5', 700: '#4338ca', 800: '#3730a3', 900: '#312e81' },
|
|
purple: { 50: '#f8ebf3', 100: '#f3d7ea', 200: '#eab7d9', 300: '#dc8abe', 400: '#ce66a4', 500: '#ba4887', 600: '#a0366d', 700: '#84305b', 800: '#6f2c4e', 900: '#43142c' },
|
|
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}'],
|
|
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')],
|
|
}
|