use color var for connection status overlay (#1278)

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

View File

@ -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;
} }
} }
} }

View File

@ -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;