From dc2a4ea99b535b97bfbf5b6b8d69ec8dab023b10 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 18 Oct 2024 23:40:20 +0200 Subject: Update --- src/objects/_badge.vars.scss | 61 ++++++++++++++++++++------------------------ 1 file changed, 28 insertions(+), 33 deletions(-) (limited to 'src/objects/_badge.vars.scss') diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss index 6a3dd15..c49474b 100644 --- a/src/objects/_badge.vars.scss +++ b/src/objects/_badge.vars.scss @@ -43,35 +43,35 @@ $key-focus--outline-color: props.def(--o-avatar--key-focus--outline-color, props $default-theme-override: () !default; $default-theme: props.def(--o-badge, ( - --bg: props.def(--o-badge--bg-color, props.get(core.$theme, --text-mute)), - --label: props.def(--o-badge--label-color, props.get(core.$theme, --bg-l2)), + --bg: props.get(core.$theme, --text-mute), + --label: props.get(core.$theme, --bg-l2), --hover: ( - --bg: props.def(--o-badge--hover--bg-color, props.get(core.$theme, --text)), - --label: props.def(--o-badge--label-color, props.get(core.$theme, --bg-l2)), + --bg: props.get(core.$theme, --text), + --label: props.get(core.$theme, --bg-l2), ), --active: ( - --bg: props.def(--o-badge--active--bg-color, props.get(core.$theme, --heading)), - --label: props.def(--o-badge--label-color, props.get(core.$theme, --bg-l2)), + --bg: props.get(core.$theme, --heading), + --label: props.get(core.$theme, --bg-l2), ), --quiet: ( - --bg: props.def(--o-badge--quiet--bg-color, props.get(core.$theme, --border-mute)), - --label: props.def(--o-badge--quiet--label-color, props.get(core.$theme, --heading)), + --bg: props.get(core.$theme, --border-mute), + --label: props.get(core.$theme, --heading), --hover: ( - --bg: props.def(--o-badge--quiet--hover--bg-color, props.get(core.$theme, --border)), - --label: props.def(--o-badge--quiet--label-color, props.get(core.$theme, --heading)), + --bg: props.get(core.$theme, --border), + --label: props.get(core.$theme, --heading), ), --active: ( - --bg: props.def(--o-badge--quiet--active--bg-color, props.get(core.$theme, --border-strong)), - --label: props.def(--o-badge--quiet--label-color, props.get(core.$theme, --heading)), + --bg: props.get(core.$theme, --border-strong), + --label: props.get(core.$theme, --heading), ), ) )); -$default-theme: props.merge(--o-badge, $default-theme-override); +$default-theme: props.merge($default-theme, $default-theme-override); $static-themes: props.def(--o-badge); @@ -116,41 +116,36 @@ $static-themes: props.def(--o-badge); )); } -$themes-config: ( - accent: --accent, - positive: --positive, - negative: --negative, - warning: --warning, -) !default; +$themes-config: --accent --positive --negative --warning !default; $themes: props.def(--o-badge); -@each $theme, $key in $themes-config { +@each $theme in $themes-config { $themes: props.merge($themes, ( - $key: ( - --bg: props.get(core.$static-colors, $key, --900), - --label: props.get(core.$static-colors, $key, --900-text), + $theme: ( + --bg: props.get(core.$static-colors, $theme, --900), + --label: props.get(core.$static-colors, $theme, --900-text), --hover: ( - --bg: props.get(core.$static-colors, $key, --1000), - --label: props.get(core.$static-colors, $key, --1000-text), + --bg: props.get(core.$static-colors, $theme, --1000), + --label: props.get(core.$static-colors, $theme, --1000-text), ), --active: ( - --bg: props.get(core.$static-colors, $key, --1100), - --label: props.get(core.$static-colors, $key, --1000-text), + --bg: props.get(core.$static-colors, $theme, --1100), + --label: props.get(core.$static-colors, $theme, --1000-text), ), --quiet: ( - --bg: props.get(core.$theme, $key, --200), - --label: props.get(core.$theme, $key, --1100), + --bg: props.get(core.$theme, $theme, --200), + --label: props.get(core.$theme, $theme, --1100), --hover: ( - --bg: props.get(core.$theme, $key, --300), - --label: props.get(core.$theme, $key, --1200), + --bg: props.get(core.$theme, $theme, --300), + --label: props.get(core.$theme, $theme, --1200), ), --active: ( - --bg: props.get(core.$theme, $key, --400), - --label: props.get(core.$theme, $key, --1300), + --bg: props.get(core.$theme, $theme, --400), + --label: props.get(core.$theme, $theme, --1300), ), ) ) -- cgit v1.3.1