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--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`
|
||||||
|
|
Reference in a new issue