60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
// Notizarr's visual identity: dark-first, quiet neutrals, one confident
|
|
// accent. Deliberately not shadcn's default palette — see
|
|
// docs/phase1/01-architecture.md's UI quality requirements.
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
base: {
|
|
bg: '#0a0b0e',
|
|
surface: '#131620',
|
|
raised: '#181c28',
|
|
border: '#232838',
|
|
hover: '#1b1f2c',
|
|
},
|
|
accent: {
|
|
DEFAULT: '#818cf8',
|
|
dim: '#6366f1',
|
|
bright: '#a5b4fc',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'ui-sans-serif',
|
|
'system-ui',
|
|
'-apple-system',
|
|
'Segoe UI',
|
|
'Roboto',
|
|
'Helvetica Neue',
|
|
'Arial',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
boxShadow: {
|
|
card: '0 1px 2px 0 rgb(0 0 0 / 0.4)',
|
|
raised: '0 4px 16px -4px rgb(0 0 0 / 0.5)',
|
|
},
|
|
borderRadius: {
|
|
xl: '0.875rem',
|
|
'2xl': '1.125rem',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fade-in 0.2s ease-out',
|
|
'slide-up': 'slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1)',
|
|
},
|
|
keyframes: {
|
|
'fade-in': { from: { opacity: '0' }, to: { opacity: '1' } },
|
|
'slide-up': {
|
|
from: { opacity: '0', transform: 'translateY(8px)' },
|
|
to: { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config
|