From 3c59a39f5b6eb15b368bea1ad74e3222858c35ef Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 27 Jul 2025 13:21:57 +0200 Subject: Add highlighted state to button --- src/objects/_button.vars.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'src/objects/_button.vars.scss') diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index 7b4670f..cc7b7d5 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss @@ -78,6 +78,11 @@ $default-theme: map.deep-merge(( --outline-color: props.get(core.$theme, --focus, --outline), ), + --highlighted: ( + --border-color: props.get(core.$theme, --focus, --border), + --shadow-color: props.get(core.$theme, --focus, --outline), + ), + --selected: ( --bg-color: props.get(core.$theme, --text), --label-color: props.get(core.$theme, --base, --50), @@ -194,6 +199,11 @@ $default-theme-dark: props.def(--o-button, $default-theme-dark, 'dark'); --outline-color: props.get(core.$transparent-colors, $theme, --300), ), + --highlighted: ( + --border-color: props.get(core.$transparent-colors, $theme, --900), + --shadow-color: props.get(core.$transparent-colors, --black, --200), + ), + --selected: ( --bg-color: props.get(core.$transparent-colors, $theme, --800), --label-color: props.get(core.$transparent-colors, $theme, --text), @@ -295,6 +305,11 @@ $themes-config: ( --outline-color: props.get(core.$theme, --focus, --outline), ), + --highlighted: ( + --border-color: props.get(core.$theme, $key, --900), + --shadow-color: props.get(core.$theme, $key, --200), + ), + --selected: ( --bg-color: props.get(core.$theme, #{$key}-static, --900), --label-color: props.get(core.$theme, #{$key}-static, --900-text), -- cgit v1.2.3-70-g09d2