fix: blink on dark theme

scylladb · Oct 15, 2024 · d137a49 · d137a49
1 parent f7c26b4
commit d137a49
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/sphinx_scylladb_theme/layout.html b/sphinx_scylladb_theme/layout.html
@@ -1,7 +1,7 @@
 {# layout.html #}
 
 <!DOCTYPE html>
-<html class="no-js" lang="en">
+<html class="no-js" lang="en" style="visibility: hidden;">
     {% macro script() %}
         <script type="text/javascript" src="{{ pathto('_static/js/runtime.bundle.js', 1) }}"></script>
         <script type="text/javascript" src="{{ pathto('_static/js/main.bundle.js', 1) }}"></script>

diff --git a/sphinx_scylladb_theme/static/css/main.css b/sphinx_scylladb_theme/static/css/main.css
diff --git a/sphinx_scylladb_theme/static/js/main.bundle.js b/sphinx_scylladb_theme/static/js/main.bundle.js
diff --git a/src/js/dark-theme.js b/src/js/dark-theme.js
@@ -6,7 +6,6 @@ export class DarkTheme {
         let rootDocumentEl = $("html");
         let darkThemeTogglerEl = $(".dark-theme-toggler");
 
-
         const toggler = (state) => {
             if (state) {
                 rootDocumentEl.addClass('dark')
@@ -17,6 +16,7 @@ export class DarkTheme {
 
         toggler(state);
 
+        rootDocumentEl.css("visibility","");
 
         darkThemeTogglerEl.on('click', () => {
             state = !state;