[pve-devel] [PATCH widget-toolkit 1/5] dark-mode: improve contrast on split buttons

[Stefan Sterz]

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