From 923ba4fb42b9b72db978af5c4d69f604582cb6b2 Mon Sep 17 00:00:00 2001 From: Jens Langhammer Date: Fri, 19 Nov 2021 23:29:47 +0100 Subject: [PATCH] web: improve dark theme for vertical tabs Signed-off-by: Jens Langhammer --- web/src/authentik.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/web/src/authentik.css b/web/src/authentik.css index e108c9874..81b6b5317 100644 --- a/web/src/authentik.css +++ b/web/src/authentik.css @@ -170,12 +170,23 @@ html > form > input { .pf-c-tabs { background-color: var(--ak-dark-background-light); } + .pf-c-tabs.pf-m-vertical { + background-color: transparent; + } + .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list::before { + border-color: transparent; + } + .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before { + border-color: transparent; + } + .pf-c-tabs__link::before { + border-color: transparent; + } .pf-c-tabs__item.pf-m-current { --pf-c-tabs__link--after--BorderColor: #fd4b2d; } - /* tabs, vertical */ .pf-c-tabs.pf-m-vertical .pf-c-tabs__link { - background-color: var(--ak-dark-background-light); + background-color: transparent; } /* table, on mobile */ @media screen and (max-width: 1200px) {