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 bf021353038d77b6229edc8c6041eb4056a08f0b..e48eccc9eeb02b33138f9773eb6a958227754122 100644 (file)
--- 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 {