From: Stefan Sterz <s.sterz@proxmox.com>
To: pve-devel@lists.proxmox.com
Subject: [pve-devel] [PATCH widget-toolkit 1/5] dark-mode: improve contrast on split buttons
Date: Thu, 23 Mar 2023 16:26:52 +0100 [thread overview]
Message-ID: <20230323152656.1399307-2-s.sterz@proxmox.com> (raw)
In-Reply-To: <20230323152656.1399307-1-s.sterz@proxmox.com>
this improves the contrast of the little triangle in split buttons,
making it stand out more especially when focused.
Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
---
src/proxmox-dark/scss/extjs/form/_button.scss | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/proxmox-dark/scss/extjs/form/_button.scss b/src/proxmox-dark/scss/extjs/form/_button.scss
index bf02135..e48eccc 100644
--- a/src/proxmox-dark/scss/extjs/form/_button.scss
+++ b/src/proxmox-dark/scss/extjs/form/_button.scss
@@ -32,16 +32,16 @@
color: $neutral-button-icon-color;
}
+ // the little arrow in certain toolbar buttons with dropdowns
+ .x-btn-wrap-default-toolbar-small.x-btn-arrow-right::after,
+ .x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
+ filter: brightness(150%);
+ }
+
&.x-btn-over,
.x-keyboard-mode &.x-btn-focus {
background-color: $neutral-button-color-alt;
border-color: $neutral-button-color-alt;
-
- // the little arrow in certain toolbar buttons with dropdowns
- .x-btn-wrap-default-toolbar-small.x-btn-arrow-right::after,
- .x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
- filter: invert($icon-brightness);
- }
}
&.x-btn.x-btn-disabled {
--
2.30.2
next prev parent reply other threads:[~2023-03-23 15:27 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-03-23 15:26 [pve-devel] [PATCH widget-toolkit 0/5] Proxmox Dark Theme Fixups - Round 4 Stefan Sterz
2023-03-23 15:26 ` Stefan Sterz [this message]
2023-03-23 15:26 ` [pve-devel] [PATCH widget-toolkit 2/5] dark-mode: color the custom grid and tree icons Stefan Sterz
2023-03-23 15:26 ` [pve-devel] [PATCH widget-toolkit 3/5] dark-mode: set boundlist background Stefan Sterz
2023-03-23 15:26 ` [pve-devel] [PATCH widget-toolkit 4/5] dark-mode: improve contrast ratios on the mask message Stefan Sterz
2023-03-23 15:26 ` [pve-devel] [PATCH widget-toolkit 5/5] fix #4610: add a small white padding to the totp qr code Stefan Sterz
2023-03-23 16:14 ` [pve-devel] applied-series: [PATCH widget-toolkit 0/5] Proxmox Dark Theme Fixups - Round 4 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=20230323152656.1399307-2-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