Fix color regressions (#475)

* fix color regressions * separate app status vars
wavetermdev · Mar 19, 2024 · accb74a · accb74a
1 parent b24c811
commit accb74a
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 7 deletions.
diff --git a/public/themes/default.css b/public/themes/default.css
@@ -53,6 +53,8 @@
     --app-icon-color: rgb(139, 145, 138);
     --app-icon-hover-color: #fff;
     --app-selected-mask-color: rgba(255, 255, 255, 0.06);
+
+    /* global status colors */
     --app-error-color: rgb(229, 77, 46);
     --app-warning-color: rgb(224, 185, 86);
     --app-success-color: rgb(78, 154, 6);

diff --git a/public/themes/light.css b/public/themes/light.css
@@ -30,9 +30,6 @@
     --button-primary-color: #fefefe;
     --button-secondary-bg-color: rgba(200, 200, 200, 0.3); /* Semi-transparent light gray */
 
-    /* view colors */
-    --app-text-color: var(--app-text-color);
-
     /* table colors */
     --table-thead-border-top-color: rgba(0, 0, 0, 0.2);
     --table-thead-border-bottom-color: rgba(0, 0, 0, 0.3);

diff --git a/src/app/app.less b/src/app/app.less
@@ -756,7 +756,7 @@ a.a-block {
 .status-icon.status-error {
     path,
     circle {
-        fill: var(--app-text-disabled-color);
+        fill: var(--app-error-color);
     }
 }
 

diff --git a/src/app/common/elements/button.less b/src/app/common/elements/button.less
@@ -61,7 +61,7 @@
     }
 
     &.secondary.danger {
-        color: var(--app-text-disabled-color);
+        color: var(--app-error-color);
     }
 
     &.small {

diff --git a/src/app/common/elements/status.less b/src/app/common/elements/status.less
@@ -15,7 +15,7 @@
     }
 
     .dot.red {
-        background-color: var(--app-text-disabled-color);
+        background-color: var(--app-error-color);
     }
 
     .dot.gray {

diff --git a/src/app/common/icons/icons.less b/src/app/common/icons/icons.less
@@ -77,7 +77,7 @@ The following accounts for a debounce in the status indicator. We will only disp
     }
     &.error #indicator {
         visibility: visible;
-        fill: var(--app-text-disabled-color);
+        fill: var(--app-error-color);
     }
     &.success #indicator {
         visibility: visible;