From 54a56a63544fdd0b63c04a9119b82511fc9fb52f Mon Sep 17 00:00:00 2001
From: Mathieu David <mathieudavid@mathieudavid.org>
Date: Mon, 14 Sep 2015 18:12:45 +0200
Subject: [PATCH] Fix flash when selecting another theme and reloading the page

---
 src/theme/index.hbs | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)
diff --git a/src/theme/index.hbs b/src/theme/index.hbs
index 32c90a0b..65943b19 100644
--- a/src/theme/index.hbs
+++ b/src/theme/index.hbs
@@ -20,8 +20,22 @@
 
         <!-- MathJax -->
         <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
+        <!-- Fetch JQuery from CDN but have a local fallback -->
+        <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
+        <script>
+            if (typeof jQuery == 'undefined') {
+                document.write(unescape("%3Cscript src='jquery.js'%3E%3C/script%3E"));
+            }
+        </script>
     </head>
     <body>
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script type="text/javascript">
+            var theme = localStorage.getItem('theme');
+            if (theme == null) { theme = 'light'; }
+            $('body').removeClass().addClass(theme);
+        </script>
 
         <div id="sidebar" class="sidebar">
             {{#toc}}{{/toc}}
@@ -76,13 +90,6 @@
 
         </div>
 
-        <!-- Fetch JQuery from CDN but have a local fallback -->
-        <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
-        <script>
-            if (typeof jQuery == 'undefined') {
-                document.write(unescape("%3Cscript src='jquery.js'%3E%3C/script%3E"));
-            }
-        </script>
 
         <!-- Local fallback for Font Awesome -->
         <script>
