feat: Light/dark modes

2026-03-26 17:01:34 +00:00
parent 005a8f4cf0
commit d793b5ccf2
10 changed files with 375 additions and 4 deletions
--- a/frontend/src/pages/Admin.vue
+++ b/frontend/src/pages/Admin.vue
@@ -919,4 +919,36 @@ onMounted(async () => {
        gap: 0.65rem;
    }
 }
+
+/* Dark mode overrides */
+:root[data-bs-theme="dark"] .admin-topbar {
+    border-bottom-color: #3a3f4b;
+}
+
+:root[data-bs-theme="dark"] .admin-sidebar {
+    background: #21252e;
+    border-right-color: #3a3f4b;
+}
+
+:root[data-bs-theme="dark"] .admin-nav .nav-link {
+    color: #94a3b8;
+}
+
+:root[data-bs-theme="dark"] .admin-nav .nav-link:hover {
+    background: #2d3748;
+    color: #e2e8f0;
+}
+
+:root[data-bs-theme="dark"] .admin-nav .nav-link.active {
+    background: #e2e8f0;
+    color: #1a1d23;
+}
+
+:root[data-bs-theme="dark"] .user-meta-value {
+    color: #94a3b8;
+}
+
+:root[data-bs-theme="dark"] .admin-section {
+    background-color: #21252e;
+}
 </style>