From 490db9fb3ca7216a72805e433f9efc5b83ad3605 Mon Sep 17 00:00:00 2001
From: Thomas Weber <weber_t@mailbox.org>
Date: Fri, 27 Aug 2021 21:57:45 -0500
Subject: [PATCH] Fix flash of white in some configurations

---
 src/packager/template.ejs | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/packager/template.ejs b/src/packager/template.ejs
index 943ef26..aa96844 100644
--- a/src/packager/template.ejs
+++ b/src/packager/template.ejs
@@ -8,14 +8,23 @@
     <title><%= appName %></title>
     <meta name="description" content="Converts Scratch projects into HTML files, zip archives, or executable programs for Windows, macOS, and Linux.">
     <style>
-      @media (prefers-color-scheme: dark) {
-        body:not([p4-loaded]) {
-          background-color: #111;
-        }
+      body[p4-splash-theme="dark"]:not([p4-loaded]) {
+        background-color: #111;
       }
     </style>
   </head>
   <body>
     <div id="app"></div>
+    <script>
+      (function() {
+        var theme = 'system';
+        try {
+          var local = localStorage.getItem('P4.theme')
+          if (typeof local === 'string') theme = local;
+        } catch (e) { /* ignore */ }
+        if (theme === 'system') theme = window.matchMedia('(prefers-color-scheme: dark)') ? 'dark' : 'light';
+        document.body.setAttribute('p4-splash-theme', theme);
+      })();
+    </script>
   </body>
 </html>