101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
import plugin from 'tailwindcss/plugin';
|
|
|
|
export default {
|
|
darkMode: ["class"],
|
|
content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
montserrat: ['Montserrat', 'sans-serif'],
|
|
heading: ['Inter', 'sans-serif'],
|
|
body: ['IBM Plex Sans', 'sans-serif']
|
|
},
|
|
colors: {
|
|
brand: {
|
|
light: '#ef4444',
|
|
DEFAULT: '#dc2626',
|
|
dark: '#b91c1c'
|
|
},
|
|
accent: {
|
|
light: '#f87171',
|
|
DEFAULT: 'hsl(var(--tw-accent))',
|
|
dark: '#dc2626',
|
|
foreground: 'hsl(var(--tw-accent-foreground))'
|
|
},
|
|
neutral: {
|
|
'50': '#f8fafc',
|
|
'100': '#f1f5f9',
|
|
'200': '#e2e8f0',
|
|
'300': '#cbd5e1',
|
|
'400': '#94a3b8',
|
|
'500': '#64748b',
|
|
'600': '#475569',
|
|
'700': '#334155',
|
|
'800': '#1e293b',
|
|
'900': '#0f172a'
|
|
},
|
|
text: {
|
|
DEFAULT: 'var(--text)',
|
|
secondary: 'var(--text-secondary)',
|
|
light: 'var(--text-light)',
|
|
muted: 'var(--text-muted)',
|
|
inverse: 'var(--text-inverse)',
|
|
},
|
|
slate: {
|
|
DEFAULT: 'var(--slate)',
|
|
light: 'var(--slate-light)',
|
|
50: 'var(--slate-50)',
|
|
},
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--tw-primary))',
|
|
foreground: 'hsl(var(--tw-primary-foreground))',
|
|
dark: 'var(--primary-dark)',
|
|
light: 'var(--primary-light)',
|
|
50: 'var(--primary-50)',
|
|
100: 'var(--primary-100)',
|
|
},
|
|
background: 'hsl(var(--tw-background))',
|
|
'background-alt': 'rgb(var(--background-alt) / <alpha-value>)',
|
|
surface: 'rgb(var(--surface) / <alpha-value>)',
|
|
foreground: 'hsl(var(--tw-foreground))',
|
|
card: {
|
|
DEFAULT: 'hsl(var(--tw-card))',
|
|
foreground: 'hsl(var(--tw-card-foreground))'
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--tw-popover))',
|
|
foreground: 'hsl(var(--tw-popover-foreground))'
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--tw-secondary))',
|
|
foreground: 'hsl(var(--tw-secondary-foreground))'
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--tw-muted))',
|
|
foreground: 'hsl(var(--tw-muted-foreground))'
|
|
},
|
|
border: 'hsl(var(--tw-border))',
|
|
input: 'hsl(var(--tw-input))',
|
|
ring: 'hsl(var(--tw-ring))'
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius)',
|
|
md: 'calc(var(--radius) - 2px)',
|
|
sm: 'calc(var(--radius) - 4px)'
|
|
}
|
|
}
|
|
},
|
|
plugins: [
|
|
plugin(function ({ addUtilities }) {
|
|
addUtilities({
|
|
'.custom-utility': {
|
|
display: 'inline-block',
|
|
padding: '0.5rem',
|
|
backgroundColor: '#1b2121',
|
|
},
|
|
});
|
|
})
|
|
],
|
|
};
|