1 files changed, 15 insertions, 0 deletions

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),