UPDATE utilities plugin styles

Author: ParleSec

frontend/src/components/Navbar.js

@@ -20,7 +20,7 @@ function Navbar() {
     head.setAttribute('data-theme', theme);
 
     // Handle Tailwind dark mode
-    if (theme === 'dark') {
+    if (theme === 'quantumdark') {
       html.classList.add('dark');
     } else {
       html.classList.remove('dark');
@@ -97,7 +97,7 @@ function Navbar() {
             <motion.button
               whileHover={{ scale: 1.1 }}
               whileTap={{ scale: 0.9 }}
-              onClick={() => setTheme(theme === 'quantumlight' ? 'dark' : 'quantumlight')}
+              onClick={() => setTheme(theme === 'quantumlight' ? 'quantumdark' : 'quantumlight')}
               className="p-2 rounded-lg hover:bg-base-200 transition-all"
             >
               <AnimatePresence mode="wait">

frontend/tailwind.config.js

@@ -52,15 +52,59 @@ module.exports = {
       {
         quantumlight: {
           primary: '#6366f1',
+          'primary-focus': '#4f46e5',
+          'primary-content': '#ffffff',
           secondary: '#22d3ee',
+          'secondary-focus': '#0891b2',
+          'secondary-content': '#ffffff',
           accent: '#f472b6',
-          neutral: '#1f2937',
+          'accent-focus': '#ec4899',
+          'accent-content': '#ffffff',
+          neutral: '#374151',
+          'neutral-focus': '#1f2937',
+          'neutral-content': '#ffffff',
           'base-100': '#ffffff',
+          'base-200': '#f9fafb',
+          'base-300': '#f3f4f6',
+          'base-content': '#1f2937',
+          info: '#3b82f6',
+          'info-content': '#ffffff',
+          success: '#10b981',
+          'success-content': '#ffffff',
+          warning: '#f59e0b',
+          'warning-content': '#ffffff',
+          error: '#ef4444',
+          'error-content': '#ffffff',
+        },
+      },
+      {
+        quantumdark: {
+          primary: '#818cf8',
+          'primary-focus': '#6366f1',
+          'primary-content': '#000000',
+          secondary: '#34d399',
+          'secondary-focus': '#10b981',
+          'secondary-content': '#000000',
+          accent: '#fbbf24',
+          'accent-focus': '#f59e0b',
+          'accent-content': '#000000',
+          neutral: '#374151',
+          'neutral-focus': '#1f2937',
+          'neutral-content': '#d1d5db',
+          'base-100': '#1f2937',
+          'base-200': '#374151',
+          'base-300': '#4b5563',
+          'base-content': '#f9fafb',
+          info: '#60a5fa',
+          'info-content': '#000000',
+          success: '#34d399',
+          'success-content': '#000000',
+          warning: '#fbbf24',
+          'warning-content': '#000000',
+          error: '#f87171',
+          'error-content': '#000000',
         },
       },
-      'dark',
-      'forest',
-      'synthwave',
     ],
   },
 };