refactor(toggleThemes): move all theme toggle code to toggleThemes.js and all theme related CSS code to themes.css

src/views/Users.vue

@@ -222,7 +222,8 @@ export default {
     gap: 20px;
     padding: 12px;
     border-radius: 8px;
-    background-color: #f9f9f9;
+    background-color: var(--card-bg);
+    transition: background-color 0.3s;
 }
 
 .user-info {
@@ -265,7 +266,8 @@ export default {
 }
 
 .meta-label {
-    color: #666;
+    color: var(--text-color);
+    opacity: 0.65;
 }
 
 .meta-value {
@@ -277,4 +279,26 @@ export default {
     display: flex;
     gap: 8px;
 }
+
+.dark .user-item {
+    background-color: var(--card-bg);
+}
+
+.dark .meta-label {
+    color: var(--text-color);
+    opacity: 0.65;
+}
+
+.dark .edit-btn {
+    background: #3d3d3d;
+    color: var(--text-color);
+}
+
+.dark .edit-btn:hover {
+    background: #4d4d4d;
+}
+
+.dark .delete-btn:hover {
+    background: #f04142;
+}
 </style>