diff --git a/public/themes/default.css b/public/themes/default.css index 82bcce0c4..cededae82 100644 --- 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 index 66c5aec0b..4317bd796 100644 --- 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 index 41e84754b..345347bd6 100644 --- 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 index 6ce1eef79..3a9473bed 100644 --- 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 index 3a27ce5ba..88059b89a 100644 --- 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 index 87530878b..2fa96d3ed 100644 --- 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;