start on dark theme support

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens Langhammer 2024-01-04 15:48:03 +01:00
parent add0b56cc7
commit 6c3e243962
No known key found for this signature in database
1 changed files with 10 additions and 0 deletions

View File

@ -89,6 +89,16 @@ export const globalVariables = css`
--pf-c-dual-list-selector--selection-desc--FontSize: var(--pf-global--FontSize--xs); --pf-c-dual-list-selector--selection-desc--FontSize: var(--pf-global--FontSize--xs);
--pf-c-dual-list-selector--selection-desc--Color: var(--pf-global--Color--dark-200); --pf-c-dual-list-selector--selection-desc--Color: var(--pf-global--Color--dark-200);
} }
:host([theme="dark"]) {
--pf-c-dual-list-selector__menu--BorderColor: var(--ak-dark-background-lighter);
--pf-c-dual-list-selector__item-text--Color: var(--ak-dark-foreground);
--pf-c-dual-list-selector__list-item-row--BackgroundColor: var(
--ak-dark-background-light-ish
);
--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(
--ak-dark-background-lighter;
);
}
`; `;
export const mainStyles = css` export const mainStyles = css`