From e0dc52dccd4a0019d4f495b98e17e299aac02e2d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 13 Nov 2024 21:19:13 +0100
Subject: Better action button / badge color

---
 src/objects/_action-button.vars.scss | 10 +++++-----
 src/objects/_badge.vars.scss         |  6 +++---
 src/objects/_button.vars.scss        | 14 +++++++-------
 3 files changed, 15 insertions(+), 15 deletions(-)

(limited to 'src')

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');
-- 
cgit v1.2.3-70-g09d2