[data-theme=default] {
  --sidebar-bg: var(--dixa-color-neutral-100);
  --sidebar-bg-secondary: var(--dixa-color-neutral-200);
  --sidebar-text-color: var(--dixa-typography-color-primary);
  --sidebar-text-color-secondary: var(--dixa-typography-color-secondary);
  --sidebar-border-color: var(--dixa-color-neutral-200);
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-color-mode=dark][data-theme=default] {
  --sidebar-bg: var(--dixa-color-neutral-100);
  --sidebar-bg-secondary: var(--dixa-color-neutral-000);
  --sidebar-text-color: var(--dixa-typography-color-primary);
  --sidebar-text-color-secondary: var(--dixa-typography-color-secondary);
  --sidebar-border-color: var(--dixa-color-neutral-200);
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-theme=charcoal] {
  --sidebar-bg: #23242c;
  --sidebar-bg-secondary: #1a1b23;
  --sidebar-text-color: #e4e6ec;
  --sidebar-text-color-secondary: #aeafbb;
  --sidebar-border-color: #2e3039;
  --sidebar-notification-color: #f73e3d;
}

[data-color-mode=dark][data-theme=charcoal] {
  --sidebar-bg: #121318;
  --sidebar-bg-secondary: #0c0d11;
  --sidebar-text-color: #e8eaef;
  --sidebar-text-color-secondary: #7c7d85;
  --sidebar-border-color: #1e1f26;
  --sidebar-notification-color: #f73e3d;
}

[data-theme=slate] {
  --sidebar-bg: var(--dixa-color-neutral-300);
  --sidebar-bg-secondary: var(--dixa-color-neutral-400);
  --sidebar-text-color: var(--dixa-color-neutral-800);
  --sidebar-text-color-secondary: #556985;
  --sidebar-border-color: var(--dixa-color-neutral-400);
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-color-mode=dark][data-theme=slate] {
  --sidebar-bg: var(--dixa-color-neutral-200);
  --sidebar-bg-secondary: var(--dixa-color-neutral-100);
  --sidebar-text-color: var(--dixa-color-neutral-800);
  --sidebar-text-color-secondary: var(--dixa-color-neutral-600);
  --sidebar-border-color: var(--dixa-color-neutral-300);
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-theme=navy] {
  --sidebar-bg: #243652;
  --sidebar-bg-secondary: #1c2a3d;
  --sidebar-text-color: #eef1f6;
  --sidebar-text-color-secondary: #8d9eb4;
  --sidebar-border-color: #334d6b;
  --sidebar-notification-color: #f73e3d;
}

[data-color-mode=dark][data-theme=navy] {
  --sidebar-bg: #0f1822;
  --sidebar-bg-secondary: #0b1219;
  --sidebar-text-color: #f3f5f8;
  --sidebar-text-color-secondary: #8b939e;
  --sidebar-border-color: #1e2934;
  --sidebar-notification-color: #f73e3d;
}

[data-theme=lavender] {
  --sidebar-bg: #e8e0f3;
  --sidebar-bg-secondary: #e0d6ec;
  --sidebar-text-color: #2d182c;
  --sidebar-text-color-secondary: #5d4a6a;
  --sidebar-border-color: #d6cee4;
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-color-mode=dark][data-theme=lavender] {
  --sidebar-bg: #15061d;
  --sidebar-bg-secondary: #26182f;
  --sidebar-text-color: #ede6f2;
  --sidebar-text-color-secondary: #9d95a3;
  --sidebar-border-color: #30233c;
  --sidebar-notification-color: #f73e3d;
}

[data-theme=monokai] {
  --sidebar-bg: #3b3a32;
  --sidebar-bg-secondary: #2e2d26;
  --sidebar-text-color: #f8f8f2;
  --sidebar-text-color-secondary: #a6a28c;
  --sidebar-border-color: #4e4d44;
  --sidebar-notification-color: #f92672;
}

[data-color-mode=dark][data-theme=monokai] {
  --sidebar-bg: #272822;
  --sidebar-bg-secondary: #1e1f1c;
  --sidebar-text-color: #f8f8f2;
  --sidebar-text-color-secondary: #75715e;
  --sidebar-border-color: #3e3d32;
  --sidebar-notification-color: #f92672;
}

[data-theme=solarized] {
  --sidebar-bg: #fdf6e3;
  --sidebar-bg-secondary: #eee8d5;
  --sidebar-text-color: #526a73;
  --sidebar-text-color-secondary: #657b83;
  --sidebar-border-color: #d7cfbd;
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-color-mode=dark][data-theme=solarized] {
  --sidebar-bg: #002b36;
  --sidebar-bg-secondary: #073642;
  --sidebar-text-color: #93a1a1;
  --sidebar-text-color-secondary: #657b83;
  --sidebar-border-color: #073642;
  --sidebar-notification-color: #f73e3d;
}

[data-theme=classic] {
  --sidebar-bg: var(--dixa-color-purple-600);
  --sidebar-bg-secondary: var(--dixa-color-purple-800);
  --sidebar-text-color: var(--dixa-color-neutral-000);
  --sidebar-text-color-secondary: var(--dixa-color-purple-400);
  --sidebar-border-color: var(--dixa-color-purple-500);
  --sidebar-notification-color: var(--dixa-color-red-500);
}

[data-color-mode=dark][data-theme=classic] {
  --sidebar-bg: var(--dixa-color-neutral-100);
  --sidebar-bg-secondary: var(--dixa-color-neutral-000);
  --sidebar-text-color: var(--dixa-typography-color-primary);
  --sidebar-text-color-secondary: var(--dixa-typography-color-secondary);
  --sidebar-border-color: var(--dixa-color-neutral-200);
  --sidebar-notification-color: var(--dixa-color-red-500);
}