public inbox for pve-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: Stefan Sterz <s.sterz@proxmox.com>
To: pve-devel@lists.proxmox.com
Subject: [pve-devel] [PATCH widget-toolkit 4/4] dark-theme: let the background "shine through" mask more
Date: Mon, 20 Mar 2023 10:02:09 +0100	[thread overview]
Message-ID: <20230320090209.313745-5-s.sterz@proxmox.com> (raw)
In-Reply-To: <20230320090209.313745-1-s.sterz@proxmox.com>

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>
---
 src/proxmox-dark/scss/extjs/_presentation.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/proxmox-dark/scss/extjs/_presentation.scss b/src/proxmox-dark/scss/extjs/_presentation.scss
index 2503368..5fd35a9 100644
--- a/src/proxmox-dark/scss/extjs/_presentation.scss
+++ b/src/proxmox-dark/scss/extjs/_presentation.scss
@@ -1,8 +1,8 @@
 // The mask that is applied when the window is unaccessible (Login
 // screen, Loading, ...)
 .x-mask {
-  background-color: black;
-  opacity: 0.85;
+  background-color: $background-darker;
+  opacity: 0.75;
 }
 
 // Shadows of floating windows like window modals, form selectors and
@@ -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: $background-darkest 0 0 5px !important;
+  box-shadow: $background-dark 0 -1px 15px 7px !important;
 }
-- 
2.30.2





  parent reply	other threads:[~2023-03-20  9:02 UTC|newest]

Thread overview: 6+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2023-03-20  9:02 [pve-devel] [PATCH widget-toolkit 0/4] Dark Theme Fix-ups Round 3 Stefan Sterz
2023-03-20  9:02 ` [pve-devel] [PATCH widget-toolkit 1/4] dark-theme: improve help button contrast ratios in focused state Stefan Sterz
2023-03-20  9:02 ` [pve-devel] [PATCH widget-toolkit 2/4] dark-theme: make "sorted-by" header highlight more subtle Stefan Sterz
2023-03-20  9:02 ` [pve-devel] [PATCH widget-toolkit 3/4] dark-theme: dim warning and invalid colors more Stefan Sterz
2023-03-20  9:02 ` Stefan Sterz [this message]
2023-03-20 13:08 ` [pve-devel] applied: [PATCH widget-toolkit 0/4] Dark Theme Fix-ups Round 3 Thomas Lamprecht

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20230320090209.313745-5-s.sterz@proxmox.com \
    --to=s.sterz@proxmox.com \
    --cc=pve-devel@lists.proxmox.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal