lib: Give secondary buttons more contrast in toolbars

Secondary buttons have a transparent background by default, which needs more contrast on grey backgrounds like in toolbars.
cockpit-project · Jan 8, 2025 · 73229a3 · 73229a3
1 parent 809ed8a
commit 73229a3
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/pkg/lib/patternfly/patternfly-5-overrides.scss b/pkg/lib/patternfly/patternfly-5-overrides.scss
@@ -398,3 +398,15 @@ select.pf-v5-c-form-control {
     background-color: var(--pf-v5-global--BackgroundColor--400);
   }
 }
+
+/* Give secondary buttons a white/grey background instead of their
+   default transparent one. This gives them better contrast in
+   toolbars.
+*/
+.pf-v5-c-button.pf-m-secondary:not(.pf-m-disabled) {
+  background-color: var(--pf-v5-global--BackgroundColor--100);
+
+  .pf-v5-theme-dark & {
+     background-color: var(--pf-v5-global--BackgroundColor--400);
+  }
+}