Merge pull request #70 from JohannesNE/query-theme

Allow user query to force theme

README.md

@@ -1,7 +1,9 @@
 # literature-clock
 Clock using time quotes from the literature, based on work and idea by
         [Jaap Meijers](http://www.eerlijkemedia.nl/) ([E-reader clock](https://www.instructables.com/id/Literary-Clock-Made-From-E-reader/)).
-
+
+Force light or dark theme with the `theme` query parameter. E.g. https://literature-clock.jenevoldsen.com?theme=dark
+
 The working site is in the docs/ folder, and can be visited at http://literature-clock.jenevoldsen.com/. To run it locally you may need to serve docs/ with an HTTP server (e.g. `python3 -m http.server`) ... or just open index.html in Firefox (thanks [@gbear605](https://github.com/gbear605)).
 
 > ℹ️ NB: Some quotes are potentially NSFW. See issue [#11](https://github.com/JohannesNE/literature-clock/issues/11).

docs/index.html

@@ -8,16 +8,25 @@
 
         function init() {
             // This code runs only at page load
+            var queries = new URLSearchParams(window.location.search);
+
 
+            if (queries.has('theme')) {
+                var query_theme =  queries.get('theme').toLowerCase();
+                if (query_theme === 'dark') {
+                    dark_theme();
+                } else {
+                    light_theme();
+                }
+            }
             // Try to guess theme preference
-            if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            else if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
                 dark_theme();
             } else {
                 light_theme();
             }
 
             // Check if sfw query parameter passed
-            var queries = new URLSearchParams(window.location.search);
             var sfw = queries.has('sfw') && ['yes', 'true', '1'].includes(queries.get('sfw').toLowerCase());
 
             if (sfw) {