From b6fd1f0f32fb0cbfe9faaece577d67d8e4d8c90d Mon Sep 17 00:00:00 2001 From: Marius Vollmer Date: Fri, 13 Dec 2024 10:19:48 +0200 Subject: [PATCH] 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. --- pkg/lib/patternfly/patternfly-5-overrides.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/pkg/lib/patternfly/patternfly-5-overrides.scss b/pkg/lib/patternfly/patternfly-5-overrides.scss index 8200d4464551..0ae9881e05db 100644 --- a/pkg/lib/patternfly/patternfly-5-overrides.scss +++ b/pkg/lib/patternfly/patternfly-5-overrides.scss @@ -407,3 +407,14 @@ select.pf-v5-c-form-control { html:not(.pf-v5-theme-dark) .pf-v5-c-menu-toggle:not(.pf-m-primary) { background-color: var(--pf-v5-global--BackgroundColor--100); } + +/* 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); + } +}