Use color-scheme meta tag as suggested

gorhill · gorhill · commit 5c029b353204 · 2025-05-11T10:17:17.000-04:00
Related issue: uBlockOrigin/uBlock-issues#3631
diff --git a/platform/mv3/extension/dashboard.html b/platform/mv3/extension/dashboard.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="dashboardName"></title>
 <link rel="stylesheet" href="css/default.css">
 <link rel="stylesheet" href="css/common.css">
diff --git a/platform/mv3/extension/matched-rules.html b/platform/mv3/extension/matched-rules.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>Matched rules</title>
 <link rel="stylesheet" href="css/default.css">
 <link rel="stylesheet" href="css/common.css">
diff --git a/platform/mv3/extension/popup.html b/platform/mv3/extension/popup.html
@@ -4,6 +4,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <link rel="stylesheet" href="css/default.css">
 <link rel="stylesheet" href="css/common.css">
 <link rel="stylesheet" href="css/fa-icons.css">
diff --git a/platform/mv3/extension/report.html b/platform/mv3/extension/report.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBO Lite — Report</title>
 
 <link rel="stylesheet" href="css/default.css">
diff --git a/platform/mv3/extension/strictblock.html b/platform/mv3/extension/strictblock.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=yes">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="strictblockTitle"></title>
 <link rel="stylesheet" href="css/default.css">
 <link rel="stylesheet" href="css/common.css">
diff --git a/src/1p-filters.html b/src/1p-filters.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Your filters</title>
 
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
diff --git a/src/3p-filters.html b/src/3p-filters.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Filter lists</title>
 <link rel="stylesheet" type="text/css" href="css/themes/default.css">
 <link rel="stylesheet" type="text/css" href="css/common.css">
diff --git a/src/about.html b/src/about.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — About</title>
 <link rel="stylesheet" type="text/css" href="css/themes/default.css">
 <link rel="stylesheet" type="text/css" href="css/common.css">
diff --git a/src/advanced-settings.html b/src/advanced-settings.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="advancedSettingsPageName"></title>
 
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
diff --git a/src/asset-viewer.html b/src/asset-viewer.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="assetViewerPageName"></title>
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="lib/codemirror/addon/search/matchesonscrollbar.css">
diff --git a/src/code-viewer.html b/src/code-viewer.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>Code viewer</title>
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="lib/codemirror/theme/night.css">
diff --git a/src/dashboard.html b/src/dashboard.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="dashboardName"></title>
 <link rel="stylesheet" href="css/themes/default.css">
 <link rel="stylesheet" href="css/fa-icons.css">
diff --git a/src/devtools.html b/src/devtools.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Dev tools</title>
 
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
diff --git a/src/document-blocked.html b/src/document-blocked.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=yes">
+<meta name="color-scheme" content="light dark" />
 <title data-i18n="docblockedTitle"></title>
 <link rel="stylesheet" href="css/themes/default.css">
 <link rel="stylesheet" href="css/common.css">
diff --git a/src/dyna-rules.html b/src/dyna-rules.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Dynamic filtering rules</title>
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="lib/codemirror/addon/merge/merge.css">
diff --git a/src/logger-ui.html b/src/logger-ui.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=560, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <link rel="stylesheet" href="css/themes/default.css">
 <link rel="stylesheet" href="css/common.css">
 <link rel="stylesheet" href="css/fa-icons.css">
diff --git a/src/no-dashboard.html b/src/no-dashboard.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — About</title>
 <link rel="stylesheet" type="text/css" href="css/themes/default.css">
 <link rel="stylesheet" type="text/css" href="css/common.css">
diff --git a/src/popup-fenix.html b/src/popup-fenix.html
@@ -4,6 +4,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <link rel="stylesheet" href="css/themes/default.css">
 <link rel="stylesheet" href="css/common.css">
 <link rel="stylesheet" href="css/fa-icons.css">
diff --git a/src/settings.html b/src/settings.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Settings</title>
 <link rel="stylesheet" type="text/css" href="css/themes/default.css">
 <link rel="stylesheet" type="text/css" href="css/common.css">
diff --git a/src/support.html b/src/support.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock Origin — Support</title>
 
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
diff --git a/src/whitelist.html b/src/whitelist.html
@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark" />
 <title>uBlock — Whitelist</title>
 
 <link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
