Generated by Spark: The sidebar change has potential but the styling is messed up. Maybe it should load the styling from a theme json

theme.json

@@ -1 +1,48 @@
-{}
+{
+  "sidebar": {
+    "width": "16rem",
+    "widthMobile": "18rem",
+    "widthIcon": "3rem",
+    "backgroundColor": "oklch(0.19 0.02 265)",
+    "foregroundColor": "oklch(0.95 0.01 265)",
+    "borderColor": "oklch(0.28 0.03 265)",
+    "accentColor": "oklch(0.58 0.24 265)",
+    "accentForeground": "oklch(1 0 0)",
+    "hoverBackground": "oklch(0.25 0.03 265)",
+    "activeBackground": "oklch(0.30 0.04 265)",
+    "headerHeight": "4rem",
+    "transitionDuration": "200ms",
+    "zIndex": 40
+  },
+  "colors": {
+    "background": "oklch(0.15 0.02 265)",
+    "foreground": "oklch(0.95 0.01 265)",
+    "card": "oklch(0.19 0.02 265)",
+    "cardForeground": "oklch(0.95 0.01 265)",
+    "popover": "oklch(0.19 0.02 265)",
+    "popoverForeground": "oklch(0.95 0.01 265)",
+    "primary": "oklch(0.58 0.24 265)",
+    "primaryForeground": "oklch(1 0 0)",
+    "secondary": "oklch(0.25 0.03 265)",
+    "secondaryForeground": "oklch(0.95 0.01 265)",
+    "muted": "oklch(0.25 0.03 265)",
+    "mutedForeground": "oklch(0.60 0.02 265)",
+    "accent": "oklch(0.75 0.20 145)",
+    "accentForeground": "oklch(0.15 0.02 265)",
+    "destructive": "oklch(0.60 0.25 25)",
+    "destructiveForeground": "oklch(1 0 0)",
+    "border": "oklch(0.28 0.03 265)",
+    "input": "oklch(0.28 0.03 265)",
+    "ring": "oklch(0.75 0.20 145)"
+  },
+  "spacing": {
+    "radius": "0.5rem"
+  },
+  "typography": {
+    "fontFamily": {
+      "body": "'IBM Plex Sans', sans-serif",
+      "heading": "'JetBrains Mono', monospace",
+      "code": "'JetBrains Mono', monospace"
+    }
+  }
+}