feat: add sidebar-opaque color variable and update Sidebar component styling; enhance visual consistency by applying new background color to the sidebar

2025-12-23 12:15:49 +01:00
parent f295e86fc2
commit 804b0f0aad
2 changed files with 5 additions and 1 deletions
--- a/components/dashboard/sidebar.tsx
+++ b/components/dashboard/sidebar.tsx
@@ -168,7 +168,8 @@ export function Sidebar({ open, onOpenChange }: SidebarProps) {
      <Sheet open={open} onOpenChange={onOpenChange}>
        <SheetContent
          side="left"
-          className="w-64 p-0 bg-sidebar text-sidebar-foreground border-sidebar-border"
+          className="w-64 p-0 text-sidebar-foreground border-sidebar-border"
+          style={{ backgroundColor: 'var(--sidebar-opaque)' }}
        >
          <SheetTitle className="sr-only">Navigation</SheetTitle>
          <div className="flex flex-col h-full">