proxmox-mirrors/proxmox-widget-toolkit
1
0
Fork 1
mirror of https://git.proxmox.com/git/proxmox-widget-toolkit synced 2025-05-22 15:15:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

dark-mode: set intentionally black icons to $icon-color

Browse Source 
some icons intentionally use black as their color in the light theme.
this includes the little pencil and check mark icon in the acme
overview. change their color to the regular dark-mode icon-color. for
this to work the filter inversion needed for some other icons needs to
be removed too.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
This commit is contained in:
Stefan Sterz 2023-10-16 18:28:49 +02:00 committed by Thomas Lamprecht
parent 4a5dd69899
commit 2b6e8c67a6
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/proxmox-dark/scss/other/_icons.scss
View File

@ -104,6 +104,9 @@
} }
// pbs show task log in longest task list column // pbs show task log in longest task list column
.fa.black,
.fa.black::after,
.fa.black::before,
.x-action-col-icon.fa-chevron-right::before { .x-action-col-icon.fa-chevron-right::before {
filter: none; filter: none;
} }
@ -222,6 +225,12 @@
} }
} }
// set icon color of intentional black icons (e.g.: pencil icon for
// quickly changing the ACME account)
.fa.black {
color: $icon-color;
}
// The usage icons dynamically displaying how full a storage is // The usage icons dynamically displaying how full a storage is
.usage-wrapper { .usage-wrapper {
border: 1px solid $icon-color; border: 1px solid $icon-color;