refactor: update styles and structure for improved UI; add color constants

2025-04-21 18:45:02 +02:00
parent 4de527aa42
commit f7f33d0c79
4 changed files with 540 additions and 249 deletions
@@ -0,0 +1,63 @@
+export const colors = {
+  // Primary colors
+  primary: '#0066cc',
+  primaryLight: '#e6f2ff',
+  primaryDark: '#004c99',
+  
+  // Secondary colors
+  secondary: '#6c757d',
+  secondaryLight: '#f8f9fa',
+  secondaryDark: '#343a40',
+  
+  // Accent colors
+  accent: '#ff9500',
+  accentLight: '#fff4e6',
+  accentDark: '#cc7a00',
+  
+  // Status colors
+  success: '#28a745',
+  successLight: '#e8f5e9',
+  warning: '#ffc107',
+  warningLight: '#fff9e6',
+  error: '#dc3545',
+  errorLight: '#ffebee',
+  info: '#17a2b8',
+  infoLight: '#e3f2fd',
+  
+  // Neutral colors
+  white: '#ffffff',
+  gray100: '#f8f9fa',
+  gray200: '#e9ecef',
+  gray300: '#dee2e6',
+  gray400: '#ced4da',
+  gray500: '#adb5bd',
+  gray600: '#6c757d',
+  gray700: '#495057',
+  gray800: '#343a40',
+  gray900: '#212529',
+  black: '#000000',
+  
+  // Text colors
+  textPrimary: '#212529',
+  textSecondary: '#6c757d',
+  textDisabled: '#adb5bd',
+  
+  // Background colors
+  background: '#f8f8f8',
+  card: '#ffffff',
+  
+  // Border colors
+  border: '#dee2e6',
+  divider: '#e9ecef',
+  
+  // Transparent colors
+  transparent: 'transparent',
+  semiTransparent: 'rgba(0, 0, 0, 0.5)',
+  
+  // Dark theme colors
+  darkBackground: '#0f172a',
+  darkCard: '#1e293b',
+  darkBorder: '#334155',
+  darkText: '#f8fafc',
+  darkTextSecondary: '#cbd5e1',
+};