merge-upstream: allow custom gray icon filter

TurboWarp · Dec 29, 2023 · 3281e80 · 3281e80
1 parent 030503c
commit 3281e80
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/components/mode-tools/mode-tools.css b/src/components/mode-tools/mode-tools.css
@@ -1,5 +1,6 @@
 @import "../../css/colors.css";
 @import "../../css/units.css";
+@import "../../css/filters.css";
 
 .mode-tools {
     display: flex;
@@ -11,6 +12,7 @@
     margin-right: calc(2 * $grid-unit);
     width: 2rem;
     height: 2rem;
+    filter: $filter-icon-gray;
 }
 
 [dir="ltr"] .mod-dashed-border {

diff --git a/src/components/tool-select-base/tool-select-base.css b/src/components/tool-select-base/tool-select-base.css
@@ -1,5 +1,6 @@
 @import '../../css/colors.css';
 @import "../../css/units.css";
+@import "../../css/filters.css";
 
 $border-radius: .25rem;
 
@@ -28,6 +29,7 @@ img.tool-select-icon {
     height: 2rem;
     flex-grow: 1;
     vertical-align: middle;
+    filter: $filter-icon-gray;
 }
 
 .mod-tool-select.is-selected .tool-select-icon {

diff --git a/src/css/filters.css b/src/css/filters.css
@@ -0,0 +1 @@
+$filter-icon-gray: var(--paint-filter-icon-gray, none);