Better action button / badge color

3 files changed, 15 insertions, 15 deletions

diff --git a/src/objects/_action-button.vars.scss b/src/objects/_action-button.vars.scss
index 5ba6885..9de985a 100644
--- a/src/objects/_action-button.vars.scss
+++ b/src/objects/_action-button.vars.scss
@@ -72,20 +72,20 @@ $default-theme: map.deep-merge((
     ),
 
     --selected: (
-        --bg-color:     props.get(core.$theme, --text),
+        --bg-color:     props.get(core.$theme, --heading),
         --label-color:  props.get(core.$theme, --base, --50),
-        --border-color: props.get(core.$theme, --text-mute),
+        --border-color: props.get(core.$theme, --heading),
 
         --hover: (
-            --bg-color:     props.get(core.$theme, --heading),
+            --bg-color:     props.get(core.$theme, --text),
             --label-color:  props.get(core.$theme, --base, --50),
             --border-color: props.get(core.$theme, --text),
         ),
 
         --active: (
-            --bg-color:     props.get(core.$theme, --heading),
+            --bg-color:     props.get(core.$theme, --text-mute),
             --label-color:  props.get(core.$theme, --base, --50),
-            --border-color: props.get(core.$theme, --heading),
+            --border-color: props.get(core.$theme, --text-mute),
         ),
 
         --disabled: (
diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss
index f33c662..6327e7b 100644
--- a/src/objects/_badge.vars.scss
+++ b/src/objects/_badge.vars.scss
@@ -40,16 +40,16 @@ $sizes: (
 
 $default-theme-override: () !default;
 $default-theme: props.def(--o-badge, (
-    --bg:    props.get(core.$theme, --text),
+    --bg:    props.get(core.$theme, --heading),
     --label: props.get(core.$theme, --bg-l2),
     
     --hover: (
-        --bg:    props.get(core.$theme, --heading),
+        --bg:    props.get(core.$theme, --text),
         --label: props.get(core.$theme, --bg-l2),
     ),
 
     --active: (
-        --bg:    props.get(core.$theme, --heading),
+        --bg:    props.get(core.$theme, --text-mute),
         --label: props.get(core.$theme, --bg-l2),
     ),
 
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index 36400a2..f70bde7 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -66,19 +66,19 @@ $default-theme: props.def(--o-button, (
     ),
 
     --primary: (
-        --bg:             props.get(core.$theme, --base, --800),
-        --label:          props.get(core.$theme, --base, --800-text),
-        --outline-border: props.get(core.$theme, --base, --800),
+        --bg:             props.get(core.$theme, --base, --900),
+        --label:          props.get(core.$theme, --base, --900-text),
+        --outline-border: props.get(core.$theme, --base, --900),
         --outline-label:  props.get(core.$theme, --text),
 
         --hover: (
-            --bg:     props.get(core.$theme, --base, --900),
-            --label:  props.get(core.$theme, --base, --900-text),
+            --bg:     props.get(core.$theme, --base, --800),
+            --label:  props.get(core.$theme, --base, --800-text),
         ),
 
         --active: (
-            --bg:     props.get(core.$theme, --base, --900),
-            --label:  props.get(core.$theme, --base, --900-text),
+            --bg:     props.get(core.$theme, --base, --700),
+            --label:  props.get(core.$theme, --base, --700-text),
         ),
     ),
 ), 'color');