56 lines
1.2 KiB
TypeScript
56 lines
1.2 KiB
TypeScript
|
// Theme types
|
||
|
|
export type ThemeMode = 'dark' | 'light';
|
||
|
|
|
||
|
|
export interface ThemeColors {
|
||
|
|
bg: string;
|
||
|
|
bgCard: string;
|
||
|
|
bgHover: string;
|
||
|
|
bgElevated: string;
|
||
|
|
border: string;
|
||
|
|
borderLight: string;
|
||
|
|
text: string;
|
||
|
|
text2: string;
|
||
|
|
text3: string;
|
||
|
|
accent: string;
|
||
|
|
accentDark: string;
|
||
|
|
accentLight: string;
|
||
|
|
green: string;
|
||
|
|
orange: string;
|
||
|
|
gradientAccent: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const darkTheme: ThemeColors = {
|
||
|
|
bg: '#0a0a12',
|
||
|
|
bgCard: '#12121f',
|
||
|
|
bgHover: '#1a1a2e',
|
||
|
|
bgElevated: '#1e1e30',
|
||
|
|
border: '#2a2a40',
|
||
|
|
borderLight: '#4a4a60',
|
||
|
|
text: '#fff',
|
||
|
|
text2: '#c0c0d0',
|
||
|
|
text3: '#9a9aaa',
|
||
|
|
accent: '#e20074',
|
||
|
|
accentDark: '#be0060',
|
||
|
|
accentLight: '#f04090',
|
||
|
|
green: '#00d4aa',
|
||
|
|
orange: '#ff8800',
|
||
|
|
gradientAccent: 'linear-gradient(135deg, #e20074, #be0060)',
|
||
|
|
};
|
||
|
|
|
||
|
|
export const lightTheme: ThemeColors = {
|
||
|
|
bg: '#ffffff',
|
||
|
|
bgCard: '#ffffff',
|
||
|
|
bgHover: '#f8f8fc',
|
||
|
|
bgElevated: '#fafafa',
|
||
|
|
border: '#e8e8f0',
|
||
|
|
borderLight: '#d0d0d8',
|
||
|
|
text: '#1a1a2e',
|
||
|
|
text2: '#4a4a5a',
|
||
|
|
text3: '#7a7a8a',
|
||
|
|
accent: '#e20074',
|
||
|
|
accentDark: '#be0060',
|
||
|
|
accentLight: '#f04090',
|
||
|
|
green: '#00b89c',
|
||
|
|
orange: '#ff7700',
|
||
|
|
gradientAccent: 'linear-gradient(135deg, #e20074, #be0060)',
|
||
|
|
};
|