From: Mike Frysinger <vapier@gentoo.org>
Date: Sun, 10 Dec 2023 02:57:53 +0000 (-0700)
Subject: advanced: add dark mode
X-Git-Tag: v1.0~7
X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Ftabs-backup.git;a=commitdiff_plain;h=305e3366842a5c226f8c4d542dc7bfd77c7b751e

advanced: add dark mode
---

diff --git a/advanced.html b/advanced.html
index 2c65673..6b4bee3 100644
--- a/advanced.html
+++ b/advanced.html
@@ -3,6 +3,13 @@
   <head>
     <meta charset='utf-8'/>
     <title>Tabs Backup & Restore</title>
+
+    <link rel='stylesheet' href='dark.css' media='(prefers-color-scheme: dark)'/>
+    <link rel='stylesheet' href='light.css' media='(prefers-color-scheme: light), (prefers-color-scheme: no-preference)'/>
+    <!-- Load theme override asap to help with initial loading/flashing. -->
+    <link rel='stylesheet' href='' id='theme-override'/>
+    <script src="theme-init.js"></script>
+
     <style>
 		::-webkit-scrollbar {
 		width: 10px;
@@ -16,6 +23,11 @@
 		background-color: #b9b9b9;
 	}
 
+	  html {
+		background-color: var(--body-color);
+		filter: var(--body-filter);
+	  }
+
       body {
 		font-family: Arial;
 
@@ -45,6 +57,7 @@
         vertical-align:middle;
         width:75px;
         height:75px;
+		filter: var(--img-filter);
       }
 
 	  .menuItem {
