Fix dark mode flicker with Furo (#437)

Closes #436.
Qiskit · Jun 30, 2023 · 8ead22e · 8ead22e
1 parent 76ae1e8
commit 8ead22e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/qiskit_sphinx_theme/theme/qiskit-sphinx-theme/base.html b/src/qiskit_sphinx_theme/theme/qiskit-sphinx-theme/base.html
@@ -90,7 +90,9 @@
   <body>
     {% block body %}
     <script>
-      document.body.dataset.theme = localStorage.getItem("theme") || "auto";
+      {#- QISKIT CHANGE: start. Set default theme to light mode. -#}
+      document.body.dataset.theme = localStorage.getItem("theme") || "light";
+      {#- QISKIT CHANGE: end. -#}
     </script>
     {% endblock %}
 

diff --git a/src/qiskit_sphinx_theme/theme/qiskit-sphinx-theme/custom_templates/extra_head.html b/src/qiskit_sphinx_theme/theme/qiskit-sphinx-theme/custom_templates/extra_head.html
@@ -8,12 +8,6 @@
 -#}
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
 <script src="{{ pathto('_static/js/web-components/top-nav-bar.js', 1) }}"></script>
-<script>
-  {#- Force light mode. -#}
-  document.addEventListener("DOMContentLoaded", function () {
-    document.body.setAttribute("data-theme", "light");
-  });
-</script>
 
 {%- if analytics_enabled %}
 <script>