working on storage dashboard

frontend/tailwind.config.js

@@ -14,7 +14,7 @@ export default {
         background: "hsl(var(--background))",
         foreground: "hsl(var(--foreground))",
         primary: {
-          DEFAULT: "hsl(var(--primary))",
+          DEFAULT: "#137fec",
           foreground: "hsl(var(--primary-foreground))",
         },
         secondary: {
@@ -41,11 +41,20 @@ export default {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
+        // Dark theme colors from example
+        "background-dark": "#111a22",
+        "card-dark": "#1a2632",
+        "border-dark": "#324d67",
+        "text-secondary": "#92adc9",
+      },
+      fontFamily: {
+        display: ["Manrope", "sans-serif"],
+        mono: ["JetBrains Mono", "monospace"],
       },
       borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
+        lg: "0.5rem",
+        xl: "0.75rem",
+        DEFAULT: "0.25rem",
       },
     },
   },