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

2026-03-10 19:34:18 +08:00
parent a93cfaa45f
commit 37af87f5af
5 changed files with 111 additions and 65 deletions
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -260,6 +260,7 @@
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
+    transition: background-color 0.3s, color 0.3s;
 }

 .type-badge.superuser {
@@ -277,6 +278,21 @@
    color: #666;
 }

+.dark .type-badge.superuser {
+    background: #3a2510;
+    color: #ffb74d;
+}
+
+.dark .type-badge.admin {
+    background: #0d2633;
+    color: #40a9ff;
+}
+
+.dark .type-badge.visitor {
+    background: #2a2a2a;
+    color: #b0b0b0;
+}
+
 .modal-overlay {
    position: fixed;
    top: 0;