From daa9cb65e5443517e18b364a36f59ce79c466d96 Mon Sep 17 00:00:00 2001 From: Mauricio Bonani Date: Mon, 4 Jul 2022 17:17:40 -0400 Subject: [PATCH 1/2] Change disabled config node background color variable --- .../@node-red/editor-client/src/sass/tab-config.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss index d6bde7db5..876a21662 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss @@ -101,7 +101,7 @@ ul.red-ui-sidebar-node-config-list li.red-ui-palette-node-config-type { } .red-ui-palette-node-config-unused,.red-ui-palette-node-config-disabled { border-color: var(--red-ui-primary-border-color); - background: var(--red-ui-secondary-background-inactive); + background: var(--red-ui-node-config-background); border-style: dashed; color: var(--red-ui-tertiary-text-color); } From 744375bd5d1257d293a95d86de4c9e85c8f4d3d8 Mon Sep 17 00:00:00 2001 From: Mauricio Bonani Date: Tue, 5 Jul 2022 07:33:31 -0400 Subject: [PATCH 2/2] Don't let themes change config node label colors --- .../node_modules/@node-red/editor-client/src/sass/colors.scss | 1 + .../@node-red/editor-client/src/sass/tab-config.scss | 4 ++-- .../@node-red/editor-client/src/sass/variables.scss | 1 + 3 files changed, 4 insertions(+), 2 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 b311b06b5..ce71bcdba 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 @@ -217,6 +217,7 @@ $node-icon-border-color: #000; $node-icon-border-color-opacity: 0.1; $node-config-background: #f3f3f3; +$node-config-icon-container-disabled: #aaa; $node-link-port-background: #eee; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss index 876a21662..c1f151ca6 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss @@ -103,13 +103,13 @@ ul.red-ui-sidebar-node-config-list li.red-ui-palette-node-config-type { border-color: var(--red-ui-primary-border-color); background: var(--red-ui-node-config-background); border-style: dashed; - color: var(--red-ui-tertiary-text-color); + color: var(--red-ui-node-config-icon-container-disabled); } .red-ui-palette-node-config-disabled { opacity: 0.6; font-style: italic; i { - color: var(--red-ui-secondary-text-color); + color: var(--red-ui-node-port-label-color); margin-right: 5px; } } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/variables.scss b/packages/node_modules/@node-red/editor-client/src/sass/variables.scss index abd31629c..50e1c9310 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/variables.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/variables.scss @@ -203,6 +203,7 @@ --red-ui-node-icon-border-color-opacity: #{$node-icon-border-color-opacity}; --red-ui-node-config-background: #{$node-config-background}; + --red-ui-node-config-icon-container-disabled: #{$node-config-icon-container-disabled}; --red-ui-node-link-port-background: #{$node-link-port-background};