mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-02 18:39:05 +01:00
use color var for connection status overlay (#1278)
This commit is contained in:
parent
db556f18b8
commit
b429e967e6
@ -288,10 +288,10 @@
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: rgba(230, 186, 30, 0.2);
|
background: var(--conn-status-overlay-bg-color);
|
||||||
backdrop-filter: blur(50px);
|
backdrop-filter: blur(50px);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.4);
|
box-shadow: 0px 13px 16px 0px rgb(from var(--block-bg-color) r g b / 40%);
|
||||||
|
|
||||||
.connstatus-content {
|
.connstatus-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -415,7 +415,7 @@
|
|||||||
&.block-no-highlight,
|
&.block-no-highlight,
|
||||||
&.block-preview {
|
&.block-preview {
|
||||||
.block-mask {
|
.block-mask {
|
||||||
border: 2px solid rgba(255, 255, 255, 0.1) !important;
|
border: 2px solid rgb(from var(--border-color) r g b / 10%) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -109,6 +109,7 @@
|
|||||||
--conn-icon-color-6: #ffa24e;
|
--conn-icon-color-6: #ffa24e;
|
||||||
--conn-icon-color-7: #dbde52;
|
--conn-icon-color-7: #dbde52;
|
||||||
--conn-icon-color-8: #58c142;
|
--conn-icon-color-8: #58c142;
|
||||||
|
--conn-status-overlay-bg-color: rgba(230, 186, 30, 0.2);
|
||||||
|
|
||||||
--sysinfo-cpu-color: #58c142;
|
--sysinfo-cpu-color: #58c142;
|
||||||
--sysinfo-mem-color: #53b4ea;
|
--sysinfo-mem-color: #53b4ea;
|
||||||
|
Loading…
Reference in New Issue
Block a user