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

dark-theme: let the background "shine through" mask more

Browse Source 
this makes the background mask a bit brighter and more see-through to
make it possible to read values from behind the mask, if needed. it
also adds a more visible shadow to windows so that the stand out more
at the same time.

Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
This commit is contained in:
Stefan Sterz 2023-03-20 10:02:09 +01:00 committed by Thomas Lamprecht
parent 9c2ccd1aa4
commit 2c837f5766
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,8 @@
// The mask that is applied when the window is unaccessible (Login // The mask that is applied when the window is unaccessible (Login
// screen, Loading, ...) // screen, Loading, ...)
.x-mask { .x-mask {
background-color: black; background-color: $background-darker;
opacity: 0.85; opacity: 0.75;
} }
// Shadows of floating windows like window modals, form selectors and // Shadows of floating windows like window modals, form selectors and
@ -10,5 +10,5 @@
.x-css-shadow { .x-css-shadow {
// the additional styling from the pve css overwrites the setting on // the additional styling from the pve css overwrites the setting on
// the element with "!important", that's why we need it here. // the element with "!important", that's why we need it here.
box-shadow: $background-darkest 0 0 5px !important; box-shadow: $background-dark 0 -1px 15px 7px !important;
} }