Merge pull request #456 from gofiber/codex/2025-08-12-11-21-42

Author: ReneWerner87

no-flash-color-mode-plugin.js

@@ -6,6 +6,10 @@ export default function noFlashColorModePlugin(context) {
     injectHtmlTags() {
       return {
         headTags: [
+          {
+            tagName: 'style',
+            innerHTML: `html { visibility: hidden; } html[data-theme] { visibility: visible; }`,
+          },
           {
             tagName: 'script',
             innerHTML: `(function() {
@@ -22,12 +26,12 @@ export default function noFlashColorModePlugin(context) {
   function getSystemTheme() {
     return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
   }
-  var storedTheme = getStoredTheme();
-  var theme = storedTheme || (respectPrefersColorScheme ? getSystemTheme() : defaultMode);
-  document.documentElement.setAttribute('data-theme', theme);
-  document.documentElement.setAttribute('data-theme-choice', storedTheme || (respectPrefersColorScheme ? 'system' : defaultMode));
-  document.documentElement.style.colorScheme = theme;
-})();`,
+    var storedTheme = getStoredTheme();
+    var theme = storedTheme || (respectPrefersColorScheme ? getSystemTheme() : defaultMode);
+    document.documentElement.setAttribute('data-theme', theme);
+    document.documentElement.setAttribute('data-theme-choice', storedTheme || (respectPrefersColorScheme ? 'system' : defaultMode));
+    document.documentElement.style.colorScheme = theme;
+  })();`,
           },
         ],
       };