From 2f77596034bd7d23e7faad84b5737b8b41d7252f Mon Sep 17 00:00:00 2001
From: Mauricio Bonani <bonanitech@gmail.com>
Date: Sun, 3 Apr 2022 18:04:15 -0400
Subject: [PATCH] Make icons flow themeable

---
 .../@node-red/editor-client/src/sass/colors.scss   |  2 ++
 .../@node-red/editor-client/src/sass/tab-info.scss | 14 ++++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
index 20a3b1b23..e8e4eda4d 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
@@ -303,6 +303,8 @@ $tourGuide-heading-color: #c56c6c;
 
 $grip-color: #ccc;
 
+$icons-flow-color: #808080;
+
 // Deprecated
 $text-color-green: $text-color-success;
 $info-text-code-color: $text-color-code;
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
index 72422f350..9c63f2119 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
@@ -530,10 +530,16 @@ div.red-ui-info-table {
 }
 
 .red-ui-icons-flow {
-    background-image: url('images/subflow_tab.svg');
-    background-repeat: no-repeat;
-    background-size: contain;
-    filter: brightness(2.5);
+    mask-image: url(images/subflow_tab.svg);
+    -webkit-mask-image: url(images/subflow_tab.svg);
+    mask-position: center;
+    -webkit-mask-position: center;
+    mask-size: contain;
+    -webkit-mask-size: contain;
+    mask-repeat: no-repeat;
+    -webkit-mask-repeat: no-repeat;
+    background-color: $icons-flow-color;
+    // filter: brightness(2.5);
 }
 
 .red-ui-info-toolbar {