Merge pull request #462 from node-red-contrib-themes/update-theme-colors

node-red-contrib-themes · Jul 8, 2024 · b049b39 · b049b39
2 parents 181c423 + 470d5ba
commit b049b39
Show file tree

Hide file tree

Showing 15 changed files with 81 additions and 81 deletions.
diff --git a/src/themes/cobalt2/theme.scss b/src/themes/cobalt2/theme.scss
@@ -28,9 +28,9 @@ $secondary-text-color-disabled-active: rgba($primary-text-color, 0.5);
 $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 
 // Sub label text
-$tertiary-text-color: #aaaaaa;
+$tertiary-text-color: #808080;
 // Heading text
-$header-text-color: #ffffff;
+$header-text-color: #aaaaaa;
 
 $text-color-error: #ff5630;
 $text-color-warning: #ffc600;
@@ -67,7 +67,7 @@ $text-editor-background-disabled: $secondary-background-disabled;
 $text-editor-gutter-background: #12273866;
 $text-editor-gutter-color: #aaaaaa;
 $text-editor-gutter-active-line-background: $secondary-background-selected;
-$text-editor-active-line-background: $secondary-background-selected;
+$text-editor-active-line-background: #1f4662;
 $text-editor-selection-background: #0050a480;
 
 $event-log-background: $secondary-background;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #ff7200;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -258,10 +258,10 @@ $debug-message-background-hover: $secondary-background-hover;
 
 $debug-message-text-color: $primary-text-color;
 $debug-message-text-color-meta: #9effff;
-$debug-message-text-color-object-key: #9effff;
+$debug-message-text-color-object-key: #e1efff;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #aaaaaa;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/dark/theme.scss b/src/themes/dark/theme.scss
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: #0078d4;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #e4676b;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #569cd6;
 $debug-message-text-color-object-key: #9cdcfe;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #cccccc;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/dracula/theme.scss b/src/themes/dracula/theme.scss
@@ -28,7 +28,7 @@ $secondary-text-color-disabled-active: rgba($primary-text-color, 0.5);
 $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 
 // Sub label text
-$tertiary-text-color: #f8f8f2;
+$tertiary-text-color: #6272a4;
 // Heading text
 $header-text-color: #f8f8f2;
 
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #ffb86c;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);

diff --git a/src/themes/github-dark-default/theme.scss b/src/themes/github-dark-default/theme.scss
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: #f78166;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #db6d28;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #23863626;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #ffa657;
 $debug-message-text-color-object-key: #7ee787;
 $debug-message-text-color-msg-type-other: #56d364;
 $debug-message-text-color-msg-type-string: #a5d6ff;
-$debug-message-text-color-msg-type-null: #79c0ff;
+$debug-message-text-color-msg-type-null: #58a6ff;
 $debug-message-text-color-msg-type-meta: #79c0ff;
 $debug-message-text-color-msg-type-number: #56d364;
 

diff --git a/src/themes/github-dark-dimmed/theme.scss b/src/themes/github-dark-dimmed/theme.scss
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: #ec775c;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #cc6b2c;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #347d3926;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #f69d50;
 $debug-message-text-color-object-key: #8ddb8c;
 $debug-message-text-color-msg-type-other: #6bc46d;
 $debug-message-text-color-msg-type-string: #96d0ff;
-$debug-message-text-color-msg-type-null: #6cb6ff;
+$debug-message-text-color-msg-type-null: #539bf5;
 $debug-message-text-color-msg-type-meta: #6cb6ff;
 $debug-message-text-color-msg-type-number: #6bc46d;
 

diff --git a/src/themes/github-dark/theme.scss b/src/themes/github-dark/theme.scss
@@ -30,7 +30,7 @@ $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 // Sub label text
 $tertiary-text-color: #6a737d;
 // Heading text
-$header-text-color: #e1e4e8;
+$header-text-color: #d1d5da;
 
 $text-color-error: #f97583;
 $text-color-warning: #ffea7f;
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: #f9826c;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #ffab70;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #b392f0;
 $debug-message-text-color-object-key: #d1d5da;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #d1d5da;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/monokai-dimmed/theme.scss b/src/themes/monokai-dimmed/theme.scss
@@ -10,18 +10,18 @@ $secondary-background-inactive: #272727;
 $secondary-background-hover: #444444;
 $secondary-background-disabled: #272727;
 
-$tertiary-background: #272727;
+$tertiary-background: #252526;
 
 $shadow: rgba(0, 0, 0, 0.2);
 
 // Main body text
 $primary-text-color: #cccccc;
 // UI control label text
 $secondary-text-color: #ccccccb3;
-$secondary-text-color-focus: #c5c8c6;
-$secondary-text-color-hover: #c5c8c6;
-$secondary-text-color-active: #c5c8c6;
-$secondary-text-color-selected: #c5c8c6;
+$secondary-text-color-focus: #cccccc;
+$secondary-text-color-hover: #cccccc;
+$secondary-text-color-active: #cccccc;
+$secondary-text-color-selected: #cccccc;
 $secondary-text-color-inactive: #d8d8d8;
 $secondary-text-color-disabled: rgba($primary-text-color, 0.4);
 $secondary-text-color-disabled-active: rgba($primary-text-color, 0.5);
@@ -30,17 +30,17 @@ $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 // Sub label text
 $tertiary-text-color: #9a9b99;
 // Heading text
-$header-text-color: #c5c8c6;
+$header-text-color: #cccccc;
 
 $text-color-error: #f48771;
 $text-color-warning: #cca700;
 $text-color-success: #86b42b;
 $text-color-code: #d7ba7d;
 $text-color-link: #3794ff;
 
-$primary-border-color: darken($secondary-background, 8%);
-$secondary-border-color: darken($secondary-background, 6%);
-$tertiary-border-color: darken($secondary-background, 7%);
+$primary-border-color: #414141;
+$secondary-border-color: scale-color($primary-border-color, $lightness: -14%);
+$tertiary-border-color: scale-color($primary-border-color, $lightness: -7%);
 
 $border-color-error: #df2935;
 $border-color-warning: #ffcf70;
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: $tertiary-text-color;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #e4676b;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -257,11 +257,11 @@ $debug-message-background: $secondary-background;
 $debug-message-background-hover: $secondary-background-hover;
 
 $debug-message-text-color: $primary-text-color;
-$debug-message-text-color-meta: #86b42b;
-$debug-message-text-color-object-key: #3794ff;
-$debug-message-text-color-msg-type-other: #b5cea8;
+$debug-message-text-color-meta: #9872a2;
+$debug-message-text-color-object-key: #676867;
+$debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #cccccc;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/monokai/theme.scss b/src/themes/monokai/theme.scss
@@ -18,10 +18,10 @@ $shadow: rgba(0, 0, 0, 0.2);
 $primary-text-color: #cccccc;
 // UI control label text
 $secondary-text-color: #ccccccb3;
-$secondary-text-color-focus: #f8f8f2;
-$secondary-text-color-hover: #f8f8f2;
-$secondary-text-color-active: #f8f8f2;
-$secondary-text-color-selected: #f8f8f2;
+$secondary-text-color-focus: #cccccc;
+$secondary-text-color-hover: #cccccc;
+$secondary-text-color-active: #cccccc;
+$secondary-text-color-selected: #cccccc;
 $secondary-text-color-inactive: #ccccc7;
 $secondary-text-color-disabled: rgba($primary-text-color, 0.4);
 $secondary-text-color-disabled-active: rgba($primary-text-color, 0.5);
@@ -30,17 +30,17 @@ $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 // Sub label text
 $tertiary-text-color: #88846f;
 // Heading text
-$header-text-color: #f8f8f2;
+$header-text-color: #cccccc;
 
 $text-color-error: #f48771;
 $text-color-warning: #cca700;
 $text-color-success: #86b42b;
 $text-color-code: #d7ba7d;
 $text-color-link: #3794ff;
 
-$primary-border-color: darken($secondary-background, 8%);
-$secondary-border-color: darken($secondary-background, 6%);
-$tertiary-border-color: darken($secondary-background, 7%);
+$primary-border-color: #414339;
+$secondary-border-color: scale-color($primary-border-color, $lightness: -14%);
+$tertiary-border-color: scale-color($primary-border-color, $lightness: -7%);
 
 $border-color-error: #df2935;
 $border-color-warning: #ffcf70;
@@ -65,10 +65,10 @@ $text-editor-background: $secondary-background;
 $text-editor-color-disabled: $secondary-text-color-inactive;
 $text-editor-background-disabled: $secondary-background-disabled;
 $text-editor-gutter-background: $secondary-background;
-$text-editor-gutter-color: #57584f;
+$text-editor-gutter-color: #90908a;
 $text-editor-gutter-active-line-background: $secondary-background;
-$text-editor-active-line-background: #fdfff10c;
-$text-editor-selection-background: #fdfff126;
+$text-editor-active-line-background: #3e3d32;
+$text-editor-selection-background: #575b6180;
 
 $event-log-background: $secondary-background;
 $event-log-color: $primary-text-color;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #e4676b;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #a6e22e;
 $debug-message-text-color-object-key: #66d9ef;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #cccccc;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/noctis/theme.scss b/src/themes/noctis/theme.scss
@@ -38,7 +38,7 @@ $text-color-success: #49e9a6;
 $text-color-code: #e4b781;
 $text-color-link: #40d4e7;
 
-$primary-border-color: #0f1415;
+$primary-border-color: #29484c;
 $secondary-border-color: scale-color($primary-border-color, $lightness: -14%);
 $tertiary-border-color: scale-color($primary-border-color, $lightness: -7%);
 
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #e4b781;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #49d6e9;
 $debug-message-text-color-object-key: #e4b781;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #b2cacd;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;
 

diff --git a/src/themes/one-dark-pro-darker/theme.scss b/src/themes/one-dark-pro-darker/theme.scss
@@ -30,7 +30,7 @@ $secondary-text-color-disabled-inactive: rgba($primary-text-color, 0.4);
 // Sub label text
 $tertiary-text-color: #7f848e;
 // Heading text
-$header-text-color: #abb2bf;
+$header-text-color: #cccccc;
 
 $text-color-error: #f48771;
 $text-color-warning: #d19a66;
@@ -53,7 +53,7 @@ $form-text-color-disabled: $secondary-text-color-disabled;
 $form-input-focus-color: rgba(85, 150, 230, 0.8);
 $form-input-border-color: $tertiary-border-color;
 $form-input-border-selected-color: #b4b4b4;
-$form-input-border-error-color: rgb(214, 97, 95);
+$form-input-border-error-color: #be1100;
 $form-input-background: $secondary-background;
 $form-input-background-disabled: $secondary-background-disabled;
 $form-button-background: $secondary-background-selected;
@@ -142,7 +142,7 @@ $diff-state-unchanged-background: $primary-background;
 $diff-state-conflicted: purple;
 $diff-state-moved: #3f81b3;
 $diff-state-conflict: #e4676b;
-$diff-state-conflict-background: #ffdad4;
+$diff-state-conflict-background: #ffea0047;
 
 $diff-state-added-background: #9bb95533;
 $diff-state-added-border: rgba($diff-state-added-background, 0.1);
@@ -261,7 +261,7 @@ $debug-message-text-color-meta: #abb2bf;
 $debug-message-text-color-object-key: #e06c75;
 $debug-message-text-color-msg-type-other: #4e94ce;
 $debug-message-text-color-msg-type-string: #ce9178;
-$debug-message-text-color-msg-type-null: #c586c0;
+$debug-message-text-color-msg-type-null: #cccccc;
 $debug-message-text-color-msg-type-meta: #c586c0;
 $debug-message-text-color-msg-type-number: #b5cea8;