From 2e81dddc1da976a1fc2738c8c4c95c546b8bb659 Mon Sep 17 00:00:00 2001 From: Jens Langhammer Date: Sun, 13 Mar 2022 01:53:42 +0100 Subject: [PATCH] web/elements: fix search select background in dark mode Signed-off-by: Jens Langhammer #2471 --- web/src/authentik.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/web/src/authentik.css b/web/src/authentik.css index ce62eb54c..d3623fcee 100644 --- a/web/src/authentik.css +++ b/web/src/authentik.css @@ -244,6 +244,15 @@ html > form > input { .pf-c-form-control[readonly] { 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 { color: var(--ak-dark-foreground); }