From ea71e93c81e4cb319c3456273761fb821f6b420d Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Mon, 21 Dec 2020 09:20:56 -0500
Subject: [PATCH] Reset Chromium-specific `color-scheme` CSS property

Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/1408
---
 src/js/scriptlets/epicker.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/js/scriptlets/epicker.js b/src/js/scriptlets/epicker.js
index ae1e70e2a..9f44c7047 100644
--- a/src/js/scriptlets/epicker.js
+++ b/src/js/scriptlets/epicker.js
@@ -1223,11 +1223,21 @@ const pickerCSSStyle = [
     'width: 100%',
     'z-index: 2147483647',
     ''
-].join(' !important;');
+];
+
+// https://github.com/uBlockOrigin/uBlock-issues/issues/1408
+//   We need to reset Chromium-specific `color-scheme` property
+//   for our iframe widget.
+if (
+    CSS.supports instanceof Function &&
+    CSS.supports('color-scheme', 'initial')
+) {
+    pickerCSSStyle.push('color-scheme: initial');
+}
 
 const pickerCSS = `
 :root > [${vAPI.sessionId}] {
-    ${pickerCSSStyle}
+    ${pickerCSSStyle.join(' !important;')}
 }
 :root [${vAPI.sessionId}-clickblind] {
     pointer-events: none !important;