all lists on 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 an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal