start on dark theme support
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
parent
add0b56cc7
commit
6c3e243962
|
@ -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--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`
|
||||
|
|
Reference in a new issue