fix: apply theme before render to avoid flash

2026-02-21 22:41:05 +08:00 · 2025-08-08 17:02:43 +08:00
parent 688d29f445
commit 8dcb61dfed
1 changed files with 15 additions and 0 deletions
--- a/frontend_nuxt/nuxt.config.ts
+++ b/frontend_nuxt/nuxt.config.ts
@@ -5,6 +5,21 @@ export default defineNuxtConfig({
  css: ['~/assets/global.css'],
  app: {
    head: {
+      script: [
+        {
+          tagPriority: 'high',
+          children: `
+            (function () {
+              try {
+                const mode = localStorage.getItem('theme-mode');
+                const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+                const theme = mode === 'dark' || mode === 'light' ? mode : (prefersDark ? 'dark' : 'light');
+                document.documentElement.dataset.theme = theme;
+              } catch (e) {}
+            })();
+          `
+        }
+      ],
      link: [
        {
          rel: 'stylesheet',