From e0815613914e16d73a30efe709a74b994cc31963 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 25 Oct 2024 19:37:52 +0200 Subject: More efficient theming --- src/objects/_menu.vars.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'src/objects/_menu.vars.scss') diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss index 999f2d3..d242a1f 100644 --- a/src/objects/_menu.vars.scss +++ b/src/objects/_menu.vars.scss @@ -14,16 +14,16 @@ $item--key-focus--border-width: props.def(--o-menu--item--key-focus--border-wid $item--key-focus--border-offset: props.def(--o-menu--item--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default; $item--key-focus--outline-width: props.def(--o-menu--item--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default; -$separator-color: props.def(--o-menu--separator-color, props.get(core.$theme, --border)) !default; -$header--label-color: props.def(--o-menu--header--label-color, props.get(core.$theme, --heading)) !default; +$separator-color: props.def(--o-menu--separator-color, props.get(core.$theme, --border), 'color') !default; +$header--label-color: props.def(--o-menu--header--label-color, props.get(core.$theme, --heading), 'color') !default; -$item--hover--bg-color: props.def(--o-menu--item--hover--bg-color, props.get(core.$theme, --border-mute)) !default; -$item--hover--label-color: props.def(--o-menu--item--hover--label-color, props.get(core.$theme, --heading)) !default; +$item--hover--bg-color: props.def(--o-menu--item--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$item--hover--label-color: props.def(--o-menu--item--hover--label-color, props.get(core.$theme, --heading), 'color') !default; -$item--active--bg-color: props.def(--o-menu--item--active--bg-color, props.get(core.$theme, --border)) !default; -$item--active--label-color: props.def(--o-menu--item--active--label-color, props.get(core.$theme, --heading)) !default; +$item--active--bg-color: props.def(--o-menu--item--active--bg-color, props.get(core.$theme, --border), 'color') !default; +$item--active--label-color: props.def(--o-menu--item--active--label-color, props.get(core.$theme, --heading), 'color') !default; -$item--disabled--label-color: props.def(--o-menu--item--disabled--label-color, props.get(core.$theme, --text-disabled)) !default; +$item--disabled--label-color: props.def(--o-menu--item--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default; -$item--key-focus--border-color: props.def(--o-menu--item--key-focus--border-color, props.get(core.$theme, --focus, --border)) !default; -$item--key-focus--outline-color: props.def(--o-menu--item--key-focus--outline-color, props.get(core.$theme, --focus, --outline)) !default; +$item--key-focus--border-color: props.def(--o-menu--item--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; +$item--key-focus--outline-color: props.def(--o-menu--item--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; -- cgit v1.3.1