Files
NAN_Student_Handbook/tailwind.config.js
2023-12-26 22:56:58 -05:00

168 lines
3.1 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: '#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',
},
copper: {
50: '#fcfaf5',
100: '#fcf8f0',
200: '#f5e7d5',
300: '#f0d7bd',
400: '#e6b391',
500: '#da8a67',
600: '#c47352',
700: '#a35539',
800: '#823a24',
900: '#612514',
950: '#401409',
},
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: '#f0f7f7',
100: '#dff0ef',
200: '#b4d9d6',
300: '#8abfbb',
400: '#4c918a',
500: '#1e6159',
600: '#18574c',
700: '#10473b',
800: '#0b3b2c',
900: '#062b1e',
950: '#031c11',
},
blue: {
50: '#ebf2f5',
100: '#d8e5eb',
200: '#a3becc',
300: '#7698ad',
400: '#315370',
500: '#0a1c32',
600: '#08192e',
700: '#061326',
800: '#040e1f',
900: '#020917',
950: '#01050f',
},
cadet: {
50: '#f7fafa',
100: '#f5f7f7',
200: '#e1ebea',
300: '#cedbda',
400: '#aec2bf',
500: '#8ea8a4',
600: '#749690',
700: '#507d72',
800: '#346656',
900: '#1d4d3a',
950: '#0c3020',
},
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}', './templates/**/*.{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')],
}