Update dashboard styles and branding to reflect HexaHost theme. Change primary colors, background gradients, and text styles across various components. Enhance layout and navigation elements for improved user experience.

dashboard/tailwind.config.ts

@@ -26,23 +26,28 @@ const config: Config = {
         background: "var(--background)",
         foreground: "var(--foreground)",
         primary: {
-          DEFAULT: "#ef4444", // Vivid Red
-          hover: "#dc2626",
-          glow: "rgba(239, 68, 68, 0.5)",
+          DEFAULT: "#ff51f9", // HexaHost magenta
+          hover: "#c31adf",
+          glow: "rgba(255, 81, 249, 0.45)",
         },
         secondary: {
-          DEFAULT: "#020617", // Deep Navy/Black
-          light: "#0f172a",
+          DEFAULT: "#0d0821", // HexaHost deep purple
+          light: "#1a1230",
         },
         accent: {
-          red: "rgba(239, 68, 68, 0.1)",
-          glass: "rgba(255, 255, 255, 0.03)",
+          DEFAULT: "#a348ff",
+          blue: "#3978ff",
+          neon: "#00cfff",
+          red: "rgba(255, 81, 249, 0.12)",
+          glass: "rgba(255, 255, 255, 0.05)",
         }
       },
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
         "gradient-conic":
           "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+        "hexa-primary": "linear-gradient(135deg, #ff51f9 0%, #a348ff 100%)",
+        "hexa-neon": "linear-gradient(135deg, #00cfff 0%, #ff51f9 100%)",
       },
     },
   },