Handle theme colour logic as soon as possible

This avoids presenting a frame or two of light mode, when the user has forced the documentation into dark mode.
pradyunsg · Aug 31, 2021 · 4212282 · 4212282
1 parent ceaa691
commit 4212282
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/furo/assets/scripts/main.js b/src/furo/assets/scripts/main.js
@@ -125,9 +125,6 @@ function setupScrollSpy() {
 }
 
 function setupTheme() {
-  // Set the current theme to auto.
-  setTheme(localStorage.getItem("theme") || "auto");
-
   // Attach event handlers for toggling themes
   const buttons = document.getElementsByClassName("theme-toggle");
   Array.from(buttons).forEach((btn) => {

diff --git a/src/furo/theme/furo/base.html b/src/furo/theme/furo/base.html
@@ -75,6 +75,9 @@
     {%- block extrahead -%}{%- endblock -%}
   </head>
   <body>
+    <script>
+      document.body.dataset.theme = localStorage.getItem("theme") || "auto";
+    </script>
     {% block body %}{% endblock %}
 
     {%- block scripts -%}