From: Stefan Sterz <s.sterz@proxmox.com>
Date: Thu, 23 Mar 2023 15:26:52 +0000 (+0100)
Subject: dark-mode: improve contrast on split buttons
X-Git-Url: https://git.proxmox.com/?p=proxmox-widget-toolkit.git;a=commitdiff_plain;h=8020636b2404c979c7808dab20555f300af5410c

dark-mode: improve contrast on split buttons

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

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 {