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

dark-mode: improve contrast ratios on the mask message

Browse Source 
this removes the transparent background of the masks message box. this
should help improve the contrast between the background and text.
also sets an appropriate border color to make it stand out more.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
This commit is contained in:
Stefan Sterz 2023-03-23 16:26:55 +01:00 committed by Thomas Lamprecht
parent 347dd20db8
commit 0bf2b7fb0b
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/proxmox-dark/scss/extjs/_presentation.scss
View File

@ -1,8 +1,7 @@
// The mask that is applied when the window is unaccessible (Login
// screen, Loading, ...)
.x-mask {
background-color: $background-darker;
opacity: 0.5;
background-color: rgba($background-darker, 0.5);
}
// Shadows of floating windows like window modals, form selectors and

2
src/proxmox-dark/scss/proxmox/_loadingindicator.scss
View File

@ -10,5 +10,5 @@
.x-mask-msg {
background-color: $form-field-body-color;
border: solid 1px mix(black, $form-field-body-color, 25%);
border: solid 1px $border-color-alt;
}