From d2cb9fef340579b9be9e29f671919e5b26f60cb6 Mon Sep 17 00:00:00 2001
From: "YUKI \"Piro\" Hiroshi" <piro.outsider.reflex@gmail.com>
Date: Thu, 19 Oct 2023 13:37:54 +0900
Subject: [PATCH 1/2] Determine icon color with CSS prefers-color-scheme
 feature

See also: piroor/treestyletab#3401
---
 webextensions/resources/domain-checked.svg   | 17 ++++++++++++++++-
 webextensions/resources/domain-unchecked.svg | 17 ++++++++++++++++-
 webextensions/resources/icon1.svg            | 13 +++++++++++++
 webextensions/resources/icon2.svg            | 13 +++++++++++++
 4 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/webextensions/resources/domain-checked.svg b/webextensions/resources/domain-checked.svg
index 72648d0..4fa021f 100644
--- a/webextensions/resources/domain-checked.svg
+++ b/webextensions/resources/domain-checked.svg
@@ -1,4 +1,19 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M15.845 6.064A1.1 1.1 0 0 0 15 5.331L10.911 4.6 8.985.735a1.1 1.1 0 0 0-1.969 0L5.089 4.6l-4.081.729a1.1 1.1 0 0 0-.615 1.834L3.32 10.31l-.609 4.36a1.1 1.1 0 0 0 1.6 1.127L8 13.873l3.69 1.927a1.1 1.1 0 0 0 1.6-1.127l-.61-4.363 2.926-3.146a1.1 1.1 0 0 0 .239-1.1z"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <style>
+    :root {
+      color-scheme: light dark;
+    }
+    path {
+      fill: #0C0C0D;
+    }
+    @media (prefers-color-scheme: dark) {
+      path {
+        fill: #F9F9FA;
+      }
+    }
+  </style>
+  <path d="M15.845 6.064A1.1 1.1 0 0 0 15 5.331L10.911 4.6 8.985.735a1.1 1.1 0 0 0-1.969 0L5.089 4.6l-4.081.729a1.1 1.1 0 0 0-.615 1.834L3.32 10.31l-.609 4.36a1.1 1.1 0 0 0 1.6 1.127L8 13.873l3.69 1.927a1.1 1.1 0 0 0 1.6-1.127l-.61-4.363 2.926-3.146a1.1 1.1 0 0 0 .239-1.1z"></path>
+</svg>
\ No newline at end of file
diff --git a/webextensions/resources/domain-unchecked.svg b/webextensions/resources/domain-unchecked.svg
index 61befdd..3aa3655 100644
--- a/webextensions/resources/domain-unchecked.svg
+++ b/webextensions/resources/domain-unchecked.svg
@@ -1,4 +1,19 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M3.8 15.922a1.1 1.1 0 0 1-1.09-1.253l.609-4.36L.392 7.163a1.1 1.1 0 0 1 .616-1.833l4.081-.73L7.015.734a1.1 1.1 0 0 1 1.969 0L10.911 4.6l4.084.729a1.1 1.1 0 0 1 .611 1.833L12.68 10.31l.609 4.359a1.1 1.1 0 0 1-1.6 1.127L8 13.873 4.307 15.8a1.093 1.093 0 0 1-.507.122zm-.415-1.9zm9.228 0zM2.981 7.01l2.451 2.635-.5 3.572L8 11.618l3.067 1.6-.5-3.572 2.451-2.636-3.45-.616L8 3.244l-1.569 3.15zm11.659.29zm-13.278 0zm12.78-1.5zm-12.286 0z"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<style>
+  :root {
+    color-scheme: light dark;
+  }
+  path {
+    fill: #0C0C0D;
+  }
+  @media (prefers-color-scheme: dark) {
+    path {
+      fill: #F9F9FA;
+    }
+  }
+</style>
+  <path d="M3.8 15.922a1.1 1.1 0 0 1-1.09-1.253l.609-4.36L.392 7.163a1.1 1.1 0 0 1 .616-1.833l4.081-.73L7.015.734a1.1 1.1 0 0 1 1.969 0L10.911 4.6l4.084.729a1.1 1.1 0 0 1 .611 1.833L12.68 10.31l.609 4.359a1.1 1.1 0 0 1-1.6 1.127L8 13.873 4.307 15.8a1.093 1.093 0 0 1-.507.122zm-.415-1.9zm9.228 0zM2.981 7.01l2.451 2.635-.5 3.572L8 11.618l3.067 1.6-.5-3.572 2.451-2.636-3.45-.616L8 3.244l-1.569 3.15zm11.659.29zm-13.278 0zm12.78-1.5zm-12.286 0z"></path>
+</svg>
\ No newline at end of file
diff --git a/webextensions/resources/icon1.svg b/webextensions/resources/icon1.svg
index aedb6a7..8678917 100644
--- a/webextensions/resources/icon1.svg
+++ b/webextensions/resources/icon1.svg
@@ -2,6 +2,19 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 	 y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<style>
+  :root {
+    color-scheme: light dark;
+  }
+  path {
+    fill: #0C0C0D;
+  }
+  @media (prefers-color-scheme: dark) {
+    path {
+      fill: #F9F9FA;
+    }
+  }
+</style>
 <path d="M24.006,31.998c-0.266,0-0.52-0.105-0.707-0.293l-3-3c-0.384-0.397-0.373-1.03,0.024-1.414c0.388-0.374,1.002-0.374,1.39,0
 	l2.157,2.157l6.315-9.023c0.321-0.449,0.945-0.554,1.395-0.233c0.444,0.316,0.553,0.93,0.244,1.38l-7,10
 	c-0.168,0.243-0.436,0.399-0.731,0.427C24.064,32,24.035,32,24.006,31.998z"/>
diff --git a/webextensions/resources/icon2.svg b/webextensions/resources/icon2.svg
index 5fd3e2b..032c1a8 100644
--- a/webextensions/resources/icon2.svg
+++ b/webextensions/resources/icon2.svg
@@ -2,6 +2,19 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 	 y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<style>
+  :root {
+    color-scheme: light dark;
+  }
+  path {
+    fill: #0C0C0D;
+  }
+  @media (prefers-color-scheme: dark) {
+    path {
+      fill: #F9F9FA;
+    }
+  }
+</style>
 <path d="M20.64,31.998c-0.376,0-0.737-0.15-1.004-0.417l-4.263-4.263c-0.545-0.565-0.531-1.465,0.034-2.01
 	c0.551-0.532,1.424-0.532,1.975,0l3.065,3.065l8.975-12.823c0.457-0.638,1.343-0.786,1.981-0.331
 	c0.631,0.45,0.785,1.321,0.348,1.961l-9.948,14.209c-0.237,0.346-0.619,0.568-1.039,0.607C20.725,32,20.682,32,20.64,31.998z"/>

From 0e9ae3b18db565c89cba046700878a878f27c0bd Mon Sep 17 00:00:00 2001
From: "YUKI \"Piro\" Hiroshi" <piro.outsider.reflex@gmail.com>
Date: Thu, 19 Oct 2023 13:46:20 +0900
Subject: [PATCH 2/2] Define dark mode firendly icon color for unchecked
 domains

---
 webextensions/dialog/confirm/confirm.css     |  5 +++++
 webextensions/resources/domain-checked.svg   | 17 +----------------
 webextensions/resources/domain-unchecked.svg | 17 +----------------
 3 files changed, 7 insertions(+), 32 deletions(-)

diff --git a/webextensions/dialog/confirm/confirm.css b/webextensions/dialog/confirm/confirm.css
index 6ba9440..85374b9 100644
--- a/webextensions/dialog/confirm/confirm.css
+++ b/webextensions/dialog/confirm/confirm.css
@@ -142,6 +142,11 @@ hr.splitter {
   mask: url("/resources/domain-unchecked.svg") no-repeat center / 100%;
   width: 1em;
 }
+@media (prefers-color-scheme: dark) {
+  .listbox .row.domain::before {
+    background: var(--grey-10);
+  }
+}
 
 .listbox .row.domain.checked::before {
   background-color: var(--orange-50);
diff --git a/webextensions/resources/domain-checked.svg b/webextensions/resources/domain-checked.svg
index 4fa021f..72648d0 100644
--- a/webextensions/resources/domain-checked.svg
+++ b/webextensions/resources/domain-checked.svg
@@ -1,19 +1,4 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <style>
-    :root {
-      color-scheme: light dark;
-    }
-    path {
-      fill: #0C0C0D;
-    }
-    @media (prefers-color-scheme: dark) {
-      path {
-        fill: #F9F9FA;
-      }
-    }
-  </style>
-  <path d="M15.845 6.064A1.1 1.1 0 0 0 15 5.331L10.911 4.6 8.985.735a1.1 1.1 0 0 0-1.969 0L5.089 4.6l-4.081.729a1.1 1.1 0 0 0-.615 1.834L3.32 10.31l-.609 4.36a1.1 1.1 0 0 0 1.6 1.127L8 13.873l3.69 1.927a1.1 1.1 0 0 0 1.6-1.127l-.61-4.363 2.926-3.146a1.1 1.1 0 0 0 .239-1.1z"></path>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M15.845 6.064A1.1 1.1 0 0 0 15 5.331L10.911 4.6 8.985.735a1.1 1.1 0 0 0-1.969 0L5.089 4.6l-4.081.729a1.1 1.1 0 0 0-.615 1.834L3.32 10.31l-.609 4.36a1.1 1.1 0 0 0 1.6 1.127L8 13.873l3.69 1.927a1.1 1.1 0 0 0 1.6-1.127l-.61-4.363 2.926-3.146a1.1 1.1 0 0 0 .239-1.1z"></path></svg>
\ No newline at end of file
diff --git a/webextensions/resources/domain-unchecked.svg b/webextensions/resources/domain-unchecked.svg
index 3aa3655..61befdd 100644
--- a/webextensions/resources/domain-unchecked.svg
+++ b/webextensions/resources/domain-unchecked.svg
@@ -1,19 +1,4 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-<style>
-  :root {
-    color-scheme: light dark;
-  }
-  path {
-    fill: #0C0C0D;
-  }
-  @media (prefers-color-scheme: dark) {
-    path {
-      fill: #F9F9FA;
-    }
-  }
-</style>
-  <path d="M3.8 15.922a1.1 1.1 0 0 1-1.09-1.253l.609-4.36L.392 7.163a1.1 1.1 0 0 1 .616-1.833l4.081-.73L7.015.734a1.1 1.1 0 0 1 1.969 0L10.911 4.6l4.084.729a1.1 1.1 0 0 1 .611 1.833L12.68 10.31l.609 4.359a1.1 1.1 0 0 1-1.6 1.127L8 13.873 4.307 15.8a1.093 1.093 0 0 1-.507.122zm-.415-1.9zm9.228 0zM2.981 7.01l2.451 2.635-.5 3.572L8 11.618l3.067 1.6-.5-3.572 2.451-2.636-3.45-.616L8 3.244l-1.569 3.15zm11.659.29zm-13.278 0zm12.78-1.5zm-12.286 0z"></path>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M3.8 15.922a1.1 1.1 0 0 1-1.09-1.253l.609-4.36L.392 7.163a1.1 1.1 0 0 1 .616-1.833l4.081-.73L7.015.734a1.1 1.1 0 0 1 1.969 0L10.911 4.6l4.084.729a1.1 1.1 0 0 1 .611 1.833L12.68 10.31l.609 4.359a1.1 1.1 0 0 1-1.6 1.127L8 13.873 4.307 15.8a1.093 1.093 0 0 1-.507.122zm-.415-1.9zm9.228 0zM2.981 7.01l2.451 2.635-.5 3.572L8 11.618l3.067 1.6-.5-3.572 2.451-2.636-3.45-.616L8 3.244l-1.569 3.15zm11.659.29zm-13.278 0zm12.78-1.5zm-12.286 0z"></path></svg>
\ No newline at end of file