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

dark-mode: improve contrast on split buttons

Browse Source 
this improves the contrast of the little triangle in split buttons,
making it stand out more especially when focused.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
This commit is contained in:
Stefan Sterz 2023-03-23 16:26:52 +01:00 committed by Thomas Lamprecht
parent 676bb0e001
commit 8020636b24
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/proxmox-dark/scss/extjs/form/_button.scss
View File

@ -32,16 +32,16 @@
color: $neutral-button-icon-color; color: $neutral-button-icon-color;
} }
// the little arrow in certain toolbar buttons with dropdowns
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right::after,
.x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
filter: brightness(150%);
}
&.x-btn-over, &.x-btn-over,
.x-keyboard-mode &.x-btn-focus { .x-keyboard-mode &.x-btn-focus {
background-color: $neutral-button-color-alt; background-color: $neutral-button-color-alt;
border-color: $neutral-button-color-alt; border-color: $neutral-button-color-alt;
// the little arrow in certain toolbar buttons with dropdowns
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right::after,
.x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
filter: invert($icon-brightness);
}
} }
&.x-btn.x-btn-disabled { &.x-btn.x-btn-disabled {