mirror of
https://github.com/chrisnov-it/quantumbotx.git
synced 2026-07-27 18:57:47 +00:00
chrisnov-it
8923c99f7a
- Tailwind CDN configured with darkMode: 'class' - Dark mode toggle in header (sun/moon icon), persisted via localStorage - base.html: sidebar, header, search, nav, profile — all dark: variants - index.html: stat cards, chart containers, activities, bot list — all dark: variants - style.css: dark scrollbar styling - Prevents flash by checking localStorage before page render Co-Authored-By: Claude <noreply@anthropic.com>
10 lines
585 B
CSS
10 lines
585 B
CSS
.sidebar { transition: all 0.3s ease; }
|
|
.sidebar.collapsed { width: 70px; }
|
|
.sidebar.collapsed .sidebar-text, .sidebar.collapsed .logo-text { display: none; }
|
|
.sidebar.collapsed .nav-item { justify-content: center; }
|
|
.sidebar.collapsed .nav-item i.w-5 { width: auto; }
|
|
|
|
/* Dark mode scrollbar */
|
|
.dark .overflow-auto::-webkit-scrollbar { width: 6px; }
|
|
.dark .overflow-auto::-webkit-scrollbar-track { background: #1e293b; }
|
|
.dark .overflow-auto::-webkit-scrollbar-thumb { background: #475569; border-radius: 3px; } |