web/elements: fix search select background in dark mode

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

#2471
This commit is contained in:
Jens Langhammer 2022-03-13 01:53:42 +01:00
parent abc73deda0
commit 2e81dddc1d
1 changed files with 9 additions and 0 deletions

View File

@ -244,6 +244,15 @@ html > form > input {
.pf-c-form-control[readonly] { .pf-c-form-control[readonly] {
background-color: var(--ak-dark-background-light); background-color: var(--ak-dark-background-light);
} }
/* select toggle */
.pf-c-select__toggle::before {
--pf-c-select__toggle--before--BorderTopColor: var(--ak-dark-background-lighter);
--pf-c-select__toggle--before--BorderRightColor: var(--ak-dark-background-lighter);
--pf-c-select__toggle--before--BorderLeftColor: var(--ak-dark-background-lighter);
}
.pf-c-select__toggle.pf-m-typeahead {
--pf-c-select__toggle--BackgroundColor: var(--ak-dark-background-light);
}
.pf-c-button.pf-m-plain:hover { .pf-c-button.pf-m-plain:hover {
color: var(--ak-dark-foreground); color: var(--ak-dark-foreground);
} }