preload background color [#10 issue]

kholmogorov27 · Mar 13, 2023 · da62801 · da62801
1 parent f1d83df
commit da62801
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -5,6 +5,22 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="/public/font.css">
     <title>Chevron</title>
+
+    <!-- coloration -->
+    <script>
+      const settings = JSON.parse(localStorage.getItem('settings'))
+      if (settings) {
+        const colorScheme = settings.appearance.colorScheme === 'auto'
+          ? window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? 'dark'
+            : 'light'
+          : settings.appearance.colorScheme
+
+        document.documentElement.style.backgroundColor = settings.appearance.themes[settings.appearance.activeTheme][colorScheme].background
+      }
+    </script>
+    <!-- -->
+
   </head>
   <body>
     <div id="root"></div>