Update: Updated the ui

frontend/agentic-seek-front/src/colors.js

@@ -1,63 +1,64 @@
 export const colors = {
-  // Primary colors
-  primary: '#0066cc',
-  primaryLight: '#e6f2ff',
-  primaryDark: '#004c99',
-  
-  // Secondary colors
-  secondary: '#6c757d',
-  secondaryLight: '#f8f9fa',
-  secondaryDark: '#343a40',
-  
+  // Primary colors - matching the dashboard theme
+  primary: "#2563eb",
+  primaryLight: "#dbeafe",
+  primaryDark: "#1d4ed8",
+
+  // Secondary colors - modern grays
+  secondary: "#64748b",
+  secondaryLight: "#f1f5f9",
+  secondaryDark: "#1e293b",
+
   // Accent colors
-  accent: '#ff9500',
-  accentLight: '#fff4e6',
-  accentDark: '#cc7a00',
-  
+  accent: "#f59e0b",
+  accentLight: "#fef3c7",
+  accentDark: "#d97706",
+
   // 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',
-  
+  success: "#10b981",
+  successLight: "#d1fae5",
+  warning: "#f59e0b",
+  warningLight: "#fef3c7",
+  error: "#ef4444",
+  errorLight: "#fee2e2",
+  info: "#06b6d4",
+  infoLight: "#cffafe",
+
+  // Neutral colors - modern palette
+  white: "#ffffff",
+  gray50: "#f8fafc",
+  gray100: "#f1f5f9",
+  gray200: "#e2e8f0",
+  gray300: "#cbd5e1",
+  gray400: "#94a3b8",
+  gray500: "#64748b",
+  gray600: "#475569",
+  gray700: "#334155",
+  gray800: "#1e293b",
+  gray900: "#0f172a",
+  black: "#000000",
+
   // Text colors
-  textPrimary: '#212529',
-  textSecondary: '#6c757d',
-  textDisabled: '#adb5bd',
-  
+  textPrimary: "#0f172a",
+  textSecondary: "#64748b",
+  textDisabled: "#94a3b8",
+
   // Background colors
-  background: '#f8f8f8',
-  card: '#ffffff',
-  
+  background: "#f8fafc",
+  card: "#ffffff",
+
   // Border colors
-  border: '#dee2e6',
-  divider: '#e9ecef',
-  
+  border: "#e2e8f0",
+  divider: "#f1f5f9",
+
   // Transparent colors
-  transparent: 'transparent',
-  semiTransparent: 'rgba(0, 0, 0, 0.5)',
-  
+  transparent: "transparent",
+  semiTransparent: "rgba(15, 23, 42, 0.6)",
+
   // Dark theme colors
-  darkBackground: '#0f172a',
-  darkCard: '#1e293b',
-  darkBorder: '#334155',
-  darkText: '#f8fafc',
-  darkTextSecondary: '#cbd5e1',
+  darkBackground: "#0f172a",
+  darkCard: "#1e293b",
+  darkBorder: "#334155",
+  darkText: "#f8fafc",
+  darkTextSecondary: "#cbd5e1",
 };