first commit

src/types/theme.ts

@@ -0,0 +1,56 @@
+// 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)',
+};