117 lines
2.9 KiB
JavaScript
117 lines
2.9 KiB
JavaScript
import { fontFamily } from 'tailwindcss/defaultTheme';
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Karrik', ...fontFamily.sans],
|
|
fira: ['Fira Code', ...fontFamily.sans]
|
|
},
|
|
colors: {
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
ring: 'hsl(var(--ring))',
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
// primary: {
|
|
// DEFAULT: 'hsl(var(--primary))',
|
|
// foreground: 'hsl(var(--primary-foreground))'
|
|
// },
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))'
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))'
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))'
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))'
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--popover))',
|
|
foreground: 'hsl(var(--popover-foreground))'
|
|
},
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))'
|
|
},
|
|
primary: {
|
|
900: 'hsl(258deg 15% 7%)',
|
|
800: 'hsl(258deg 15% 11%)',
|
|
700: 'hsl(258deg 15% 15%)',
|
|
600: 'hsl(258deg 15% 20%)',
|
|
500: 'hsl(258deg 15% 25%)',
|
|
400: 'hsl(258deg 14% 35%)',
|
|
300: 'hsl(258deg 13% 45%)',
|
|
200: 'hsl(258deg 13% 55%)',
|
|
100: 'hsl(258deg 10% 65%)',
|
|
50: 'hsl(258deg 8% 85%)',
|
|
0: 'hsl(258deg 8% 100%)'
|
|
},
|
|
brand: {
|
|
DEFAULT: '#5049ca',
|
|
accent: '#913fb6'
|
|
},
|
|
success: {
|
|
DEFAULT: 'hsl(104deg 39% 59%)',
|
|
secondary: '#b5e4ca',
|
|
background: '#60a747'
|
|
},
|
|
info: {
|
|
DEFAULT: 'hsl(258deg 78% 77%)',
|
|
secondary: '#ccb8f9',
|
|
background: '#9878de'
|
|
},
|
|
warning: {
|
|
DEFAULT: 'hsl(39deg 100% 67%)',
|
|
secondary: '#ffd88d',
|
|
background: '#da9b34'
|
|
},
|
|
error: {
|
|
DEFAULT: 'hsl(7deg 100% 67%)',
|
|
secondary: '#ffbc99',
|
|
background: '#cd4634'
|
|
},
|
|
highlight: {
|
|
primary: 'hsl(258deg 15% 17%)',
|
|
secondary: 'hsl(258deg 10% 46%)'
|
|
}
|
|
},
|
|
backgroundColor: {
|
|
primary: {
|
|
DEFAULT: 'hsl(258deg 15% 7%)',
|
|
900: 'hsl(258deg 15% 7%)',
|
|
800: 'hsl(258deg 15% 11%)',
|
|
700: 'hsl(258deg 15% 15%)',
|
|
600: 'hsl(258deg 15% 20%)',
|
|
500: 'hsl(258deg 15% 25%)',
|
|
400: 'hsl(258deg 14% 35%)',
|
|
300: 'hsl(258deg 13% 45%)',
|
|
200: 'hsl(258deg 13% 55%)',
|
|
100: 'hsl(258deg 10% 65%)',
|
|
50: 'hsl(258deg 8% 85%)',
|
|
0: 'hsl(258deg 8% 100%)'
|
|
},
|
|
secondary: 'hsl(258deg 15% 11%)',
|
|
tertiary: 'hsl(258deg 15% 17%)',
|
|
contrast: '#4f5450'
|
|
},
|
|
textColor: {
|
|
primary: 'hsl(258deg 8% 100%)',
|
|
secondary: 'hsl(258deg 8% 84%)',
|
|
tertiary: 'hsl(258deg 8% 65%)',
|
|
secondaryAccent: '#e2e8f0',
|
|
muted: 'hsl(258deg 7% 46%)'
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|