36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['var(--font-arimo)', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
mono: ['var(--font-fira-code)', 'ui-monospace', 'SFMono-Regular', 'monospace'],
|
|
heading: ['var(--font-open-sans)', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: '#fff4ef',
|
|
100: '#ffe8df',
|
|
200: '#ffd0c0',
|
|
300: '#ffb093',
|
|
400: '#ff8a66',
|
|
500: '#ff3a05',
|
|
600: '#ff1f45',
|
|
700: '#ff0080',
|
|
800: '#d10069',
|
|
900: '#9e0050',
|
|
950: '#4b0028',
|
|
},
|
|
surface: {
|
|
light: '#ffffff',
|
|
dark: '#0a0a0a',
|
|
},
|
|
},
|
|
boxShadow: {
|
|
glow: '0 0 20px rgba(255, 58, 5, 0.25)',
|
|
},
|
|
},
|
|
},
|
|
};
|