added dark mode

src/pages/dashboard/index.vue

@@ -859,7 +859,9 @@ onMounted(() => {
 }
 
 .selected_item {
-@apply ! bg- [ #0A1B37 ] ! text-white rounded-lg;
+  background: #2563eb !important;
+  color: #fff !important;
+  border-radius: 0.5rem;
 }
 
 .dashboard-chart-toolbar {
@@ -869,10 +871,10 @@ onMounted(() => {
   gap: 0.5rem;
 
   button {
-    border: 1px solid #d1d5db;
+    border: 1px solid var(--admin-border-strong);
     border-radius: 0.5rem;
-    background: #fff;
-    color: #374151;
+    background: var(--admin-bg-elevated);
+    color: var(--admin-text);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.75rem;
@@ -881,8 +883,8 @@ onMounted(() => {
 
     &.active,
     &:hover {
-      background: #0a1b37;
-      border-color: #0a1b37;
+      background: #2563eb;
+      border-color: #2563eb;
       color: #fff;
     }
   }