126 lines
2.9 KiB
TypeScript
126 lines
2.9 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
import tailwindcssAnimate from 'tailwindcss-animate';
|
|
|
|
const config: Config = {
|
|
darkMode: 'class',
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#f0f9ff',
|
|
100: '#e0f2fe',
|
|
200: '#bae6fd',
|
|
300: '#7dd3fc',
|
|
400: '#38bdf8',
|
|
500: '#0ea5e9',
|
|
600: '#0284c7',
|
|
700: '#0369a1',
|
|
800: '#075985',
|
|
900: '#0c3d66'
|
|
},
|
|
secondary: {
|
|
50: '#faf5ff',
|
|
100: '#f3e8ff',
|
|
200: '#e9d5ff',
|
|
300: '#d8b4fe',
|
|
400: '#c084fc',
|
|
500: '#a855f7',
|
|
600: '#9333ea',
|
|
700: '#7e22ce',
|
|
800: '#6b21a8',
|
|
900: '#581c87'
|
|
},
|
|
accent: {
|
|
50: '#fef3c7',
|
|
100: '#fde68a',
|
|
200: '#fcd34d',
|
|
300: '#fbbf24',
|
|
400: '#f59e0b',
|
|
500: '#f97316',
|
|
600: '#ea580c',
|
|
700: '#c2410c',
|
|
800: '#92400e',
|
|
900: '#78350f'
|
|
},
|
|
neutral: {
|
|
50: '#fafafa',
|
|
100: '#f5f5f5',
|
|
200: '#e5e5e5',
|
|
300: '#d4d4d4',
|
|
400: '#a3a3a3',
|
|
500: '#737373',
|
|
600: '#525252',
|
|
700: '#404040',
|
|
800: '#262626',
|
|
900: '#171717'
|
|
},
|
|
sidebar: {
|
|
DEFAULT: 'hsl(var(--sidebar-background))',
|
|
foreground: 'hsl(var(--sidebar-foreground))',
|
|
primary: 'hsl(var(--sidebar-primary))',
|
|
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
|
accent: 'hsl(var(--sidebar-accent))',
|
|
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
|
border: 'hsl(var(--sidebar-border))',
|
|
ring: 'hsl(var(--sidebar-ring))'
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'system-ui',
|
|
'-apple-system',
|
|
'sans-serif',
|
|
'"Apple Color Emoji"',
|
|
'"Segoe UI Emoji"'
|
|
]
|
|
},
|
|
borderRadius: {
|
|
lg: '0.5rem',
|
|
md: '0.375rem',
|
|
sm: '0.25rem'
|
|
},
|
|
boxShadow: {
|
|
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
|
|
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
|
|
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1)',
|
|
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
|
|
none: 'none'
|
|
},
|
|
spacing: {
|
|
'safe-left': 'env(safe-area-inset-left)',
|
|
'safe-right': 'env(safe-area-inset-right)',
|
|
'safe-top': 'env(safe-area-inset-top)',
|
|
'safe-bottom': 'env(safe-area-inset-bottom)'
|
|
},
|
|
transitionDuration: {
|
|
200: '200ms',
|
|
300: '300ms',
|
|
500: '500ms'
|
|
},
|
|
keyframes: {
|
|
'accordion-down': {
|
|
from: { height: '0' },
|
|
to: { height: 'var(--bits-accordion-content-height)' }
|
|
},
|
|
'accordion-up': {
|
|
from: { height: 'var(--bits-accordion-content-height)' },
|
|
to: { height: '0' }
|
|
},
|
|
'caret-blink': {
|
|
'0%,70%,100%': { opacity: '1' },
|
|
'20%,50%': { opacity: '0' }
|
|
}
|
|
},
|
|
animation: {
|
|
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
'caret-blink': 'caret-blink 1.25s ease-out infinite'
|
|
}
|
|
}
|
|
},
|
|
plugins: [tailwindcssAnimate]
|
|
};
|
|
|
|
export default config;
|