Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-30 23:01:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

use color var for connection status overlay (#1278)

Browse Source
This commit is contained in:
Red J Adaya 2024-11-14 10:39:46 +08:00 committed by GitHub
parent db556f18b8
commit b429e967e6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/app/block/block.less
View File

@ -288,10 +288,10 @@
justify-content: flex-start;
flex-direction: column;
overflow: hidden;
background: rgba(230, 186, 30, 0.2);
background: var(--conn-status-overlay-bg-color);
backdrop-filter: blur(50px);
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 {
display: flex;
@ -415,7 +415,7 @@
&.block-no-highlight,
&.block-preview {
.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;
}
}
}

1
frontend/app/theme.less
View File

@ -109,6 +109,7 @@
--conn-icon-color-6: #ffa24e;
--conn-icon-color-7: #dbde52;
--conn-icon-color-8: #58c142;
--conn-status-overlay-bg-color: rgba(230, 186, 30, 0.2);
--sysinfo-cpu-color: #58c142;
--sysinfo-mem-color: #53b4ea;