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

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

[Stefan Sterz]

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@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

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

[Thomas Lamprecht]

Am 21/03/2023 um 15:15 schrieb Stefan Sterz:
> 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@proxmox.com>
> ---
>  src/proxmox-dark/scss/extjs/_presentation.scss | 4 ++--
>  1 file changed, 2 insertions(+), 2 deletions(-)
> 
>

applied, with follow up to fix visibility of ceph installation badge on
the mask, thanks!