lilith-platform.live/codebase/@features/my/frontend-public/src/theme.ts
Claude Code af7153678d feat(frontend-public): Add dynamic theme switching with light/dark mode support
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
2026-04-07 13:42:54 -07:00

54 lines
1 KiB
TypeScript

export const theme = {
colors: {
bg: '#0a0a0f',
card: '#13131a',
elevated: '#1c1c26',
border: '#2a2a38',
borderFocus: '#c9a84c',
gold: '#c9a84c',
goldDim: '#9a7a34',
cream: '#f0e6d3',
muted: '#8a8a9a',
error: '#e05252',
success: '#52c97c',
warning: '#e09a2a',
pending: '#5b8cf5',
confirmed: '#52c97c',
rejected: '#e05252',
cancelled: '#8a8a9a',
note: '#9b6ef5',
outbound: '#5b8cf5',
inbound: '#4EC9B0',
},
fonts: {
heading: "'Playfair Display', Georgia, serif",
body: "'Inter', system-ui, sans-serif",
mono: "'JetBrains Mono', 'SF Mono', monospace",
},
radius: {
sm: '4px',
md: '8px',
lg: '12px',
xl: '16px',
full: '9999px',
},
space: {
xs: '4px',
sm: '8px',
md: '16px',
lg: '24px',
xl: '32px',
xxl: '48px',
},
touch: { min: '44px' },
zIndex: {
overlay: 100,
modal: 200,
toast: 300,
savebar: 150,
topBar: 120,
},
transition: 'all 0.15s ease',
} as const;
export type Theme = typeof theme;