Apply dark color scheme to tab preview panel

piroor · Dec 6, 2024 · 13a7e33 · 13a7e33
1 parent 6dd1961
commit 13a7e33
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/webextensions/resources/module/tab-preview-frame.js b/webextensions/resources/module/tab-preview-frame.js
@@ -117,6 +117,12 @@ try{
       --panel-border-color: light-dark(rgb(240, 240, 244), rgb(82, 82, 94));
 
 
+      @media (prefers-color-scheme: dark) {
+        --panel-background: var(--dark-popup);
+        --panel-color: var(--dark-popup-text);
+        --panel-border-color: var(--dark-popup-border);
+      }
+
       background: var(--panel-background);
       border: var(--panel-border-color) solid calc(1px / var(--scale));
       border-radius: var(--panel-border-radius);