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