[pve-devel] [PATCH widget-toolkit] dark-mode: set the background mask to `background-darker` again

Stefan Sterz s.sterz at proxmox.com
Tue Mar 21 15:15:41 CET 2023


this removes an issue where the mask would look awkward and
inconsistent (e.g., in the quarantine view, the retention tab of a
zfs storage etc). also  makes the shadow a big bigger to be closer to
crisp and also to improve contrast ratios

Signed-off-by: Stefan Sterz <s.sterz at proxmox.com>
---
 src/proxmox-dark/scss/extjs/_presentation.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/proxmox-dark/scss/extjs/_presentation.scss b/src/proxmox-dark/scss/extjs/_presentation.scss
index 6e463da..6be322a 100644
--- a/src/proxmox-dark/scss/extjs/_presentation.scss
+++ b/src/proxmox-dark/scss/extjs/_presentation.scss
@@ -1,7 +1,7 @@
 // The mask that is applied when the window is unaccessible (Login
 // screen, Loading, ...)
 .x-mask {
-  background-color: black;
+  background-color: $background-darker;
   opacity: 0.5;
 }
 
@@ -10,5 +10,5 @@
 .x-css-shadow {
   // the additional styling from the pve css overwrites the setting on
   // the element with "!important", that's why we need it here.
-  box-shadow: black 0 0 10px !important;
+  box-shadow: black 0 -1px 15px 5px !important;
 }
-- 
2.30.2






More information about the pve-devel mailing list