mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-02 18:39:05 +01:00
Fix color regressions (#475)
* fix color regressions * separate app status vars
This commit is contained in:
parent
b24c81182b
commit
accb74ae0f
@ -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);
|
||||
|
@ -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);
|
||||
|
@ -756,7 +756,7 @@ a.a-block {
|
||||
.status-icon.status-error {
|
||||
path,
|
||||
circle {
|
||||
fill: var(--app-text-disabled-color);
|
||||
fill: var(--app-error-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -61,7 +61,7 @@
|
||||
}
|
||||
|
||||
&.secondary.danger {
|
||||
color: var(--app-text-disabled-color);
|
||||
color: var(--app-error-color);
|
||||
}
|
||||
|
||||
&.small {
|
||||
|
@ -15,7 +15,7 @@
|
||||
}
|
||||
|
||||
.dot.red {
|
||||
background-color: var(--app-text-disabled-color);
|
||||
background-color: var(--app-error-color);
|
||||
}
|
||||
|
||||
.dot.gray {
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user