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 · Dec 5, 2024 · e2719dd · e2719dd
1 parent e395923
commit e2719dd
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/pkg/lib/patternfly/patternfly-5-overrides.scss b/pkg/lib/patternfly/patternfly-5-overrides.scss
@@ -404,3 +404,14 @@ 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 {
+  background-color: var(--pf-v5-global--BackgroundColor--100);
+  .pf-v5-theme-dark & {
+     background-color: var(--pf-v5-global--BackgroundColor--400);
+  }
+}