Follow browser's light/dark theme style

- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name - https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme - https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark Fixes Rob--W#63
stanio · Jul 28, 2024 · 7433364 · 7433364
1 parent aa05602
commit 7433364
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/extension/dialog.css b/extension/dialog.css
@@ -97,6 +97,7 @@ body {
 
 #url-protocol.https {
     color: green;
+    color: light-dark(green, lime);
     opacity: 1;
 }
 #url-protocol,
@@ -152,6 +153,6 @@ button, select {
     text-align: __MSG_@@bidi_end_edge__;
 }
 .options-link-wrapper a {
-    color: blue;
+    color: LinkText;
     font-size: smaller;
 }
diff --git a/extension/dialog.html b/extension/dialog.html
@@ -10,6 +10,7 @@
 <meta charset="utf-8">
 <title>Opening ...</title>
 <meta name="google" content="notranslate">
+<meta name="color-scheme" content="light dark">
 <link rel="stylesheet" type="text/css" href="dialog.css">
 </head>
 <body>

diff --git a/extension/options.html b/extension/options.html
@@ -9,6 +9,7 @@
 <head>
 <meta charset="utf-8">
 <title>Open in Browser</title>
+<meta name="color-scheme" content="light dark">
 <style>
 body {
     font-family: 'Segoe UI', 'Lucida Grande', 'Ubuntu', sans-serif;
@@ -69,7 +70,7 @@
 }
 .restored-to-default {
     text-decoration: line-through;
-    color: #999;
+    color: GrayText;
 }
 </style>
 </head>