Fix color regressions (#475)

* fix color regressions

* separate app status vars
This commit is contained in:
Red J Adaya 2024-03-20 03:22:45 +08:00 committed by GitHub
parent b24c81182b
commit accb74ae0f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 6 additions and 7 deletions

View File

@ -53,6 +53,8 @@
--app-icon-color: rgb(139, 145, 138); --app-icon-color: rgb(139, 145, 138);
--app-icon-hover-color: #fff; --app-icon-hover-color: #fff;
--app-selected-mask-color: rgba(255, 255, 255, 0.06); --app-selected-mask-color: rgba(255, 255, 255, 0.06);
/* global status colors */
--app-error-color: rgb(229, 77, 46); --app-error-color: rgb(229, 77, 46);
--app-warning-color: rgb(224, 185, 86); --app-warning-color: rgb(224, 185, 86);
--app-success-color: rgb(78, 154, 6); --app-success-color: rgb(78, 154, 6);

View File

@ -30,9 +30,6 @@
--button-primary-color: #fefefe; --button-primary-color: #fefefe;
--button-secondary-bg-color: rgba(200, 200, 200, 0.3); /* Semi-transparent light gray */ --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 colors */
--table-thead-border-top-color: rgba(0, 0, 0, 0.2); --table-thead-border-top-color: rgba(0, 0, 0, 0.2);
--table-thead-border-bottom-color: rgba(0, 0, 0, 0.3); --table-thead-border-bottom-color: rgba(0, 0, 0, 0.3);

View File

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

View File

@ -61,7 +61,7 @@
} }
&.secondary.danger { &.secondary.danger {
color: var(--app-text-disabled-color); color: var(--app-error-color);
} }
&.small { &.small {

View File

@ -15,7 +15,7 @@
} }
.dot.red { .dot.red {
background-color: var(--app-text-disabled-color); background-color: var(--app-error-color);
} }
.dot.gray { .dot.gray {

View File

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