Update Lazy Loading Background Color (#102)

smashedr · web-flow · commit 23ed0104d04e · 2024-09-13T17:16:04.000-07:00
* Update Lazy Loading Background Color

* Cleanup
diff --git a/src/css/lazy.css b/src/css/lazy.css
diff --git a/src/html/lazy.html b/src/html/lazy.html
@@ -4,7 +4,6 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title></title>
-    <link rel="stylesheet" type="text/css" href="../css/lazy.css">
 </head>
 <body>
 
diff --git a/src/html/popup.html b/src/html/popup.html
@@ -31,11 +31,11 @@
         </div>
 
         <div class="flex-fill text-center">
-            <a class="link-body-emphasis text-decoration-none fs-4" title="Home Page" href="homepage_url">Link Extractor</a>
-            <span class="small">
-                <a class="link-body-emphasis text-decoration-none" title="Release Notes" href="version_url">
+            <a class="link-body-emphasis text-decoration-none fs-4" title="Home Page" href="homepage_url">
+                <img src="../images/logo32.png" alt="Logo" class="mb-1" style="height: 1.1em;">
+                Link Extractor</a>
+            <a class="link-body-emphasis text-decoration-none small" title="Release Notes" href="version_url">
                 v<span class="version"></span></a>
-            </span>
         </div>
 
         <div class="">
diff --git a/src/js/lazy.js b/src/js/lazy.js
@@ -10,6 +10,18 @@ link.rel = 'icon'
 link.href = `${url.origin}/favicon.ico`
 document.head.appendChild(link)
 
+let theme = localStorage.getItem('theme')
+if (!theme || theme === 'auto') {
+    theme = window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light'
+}
+if (theme === 'dark') {
+    document.body.style.backgroundColor = '#1c1b21'
+} else {
+    document.body.style.backgroundColor = '#fff'
+}
+
 window.addEventListener('focus', () => {
     console.log('url:', url)
     window.location = url.href
