feat(theme): add CSS injection pipeline, presets, rewrite ThemeProvider, FOUC prevention

2026-02-19 17:26:53 +08:00
parent 6aa1132f4c
commit 8fb137a318
5 changed files with 284 additions and 114 deletions
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -11,6 +11,17 @@
    <link rel="icon" type="image/x-icon" href="/maimai.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MaiBot Dashboard</title>
+    <script>
+      (function() {
+        const mode = localStorage.getItem('maibot-theme-mode') 
+          || localStorage.getItem('ui-theme')
+          || localStorage.getItem('maibot-ui-theme');
+        const theme = mode === 'system' || !mode 
+          ? window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+          : mode;
+        document.documentElement.classList.add(theme);
+      })();
+    </script>
  </head>
  <body>
    <div id="root" class="notranslate"></div>