diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-13 21:12:16 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-13 21:12:16 +0100 |
| commit | 388d0423d159243cb9599ad69bc24fcee7d984e6 (patch) | |
| tree | e55ad515ea8990808968a7028bd6dae0c9e874b3 | |
| parent | Fix divider (diff) | |
| download | iro-design-388d0423d159243cb9599ad69bc24fcee7d984e6.tar.gz iro-design-388d0423d159243cb9599ad69bc24fcee7d984e6.tar.bz2 iro-design-388d0423d159243cb9599ad69bc24fcee7d984e6.zip | |
Higher contrast badge / selected quiet action button
| -rw-r--r-- | src/objects/_action-button.vars.scss | 4 | ||||
| -rw-r--r-- | src/objects/_badge.vars.scss | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/objects/_action-button.vars.scss b/src/objects/_action-button.vars.scss index 421ccb2..5ba6885 100644 --- a/src/objects/_action-button.vars.scss +++ b/src/objects/_action-button.vars.scss | |||
| @@ -72,12 +72,12 @@ $default-theme: map.deep-merge(( | |||
| 72 | ), | 72 | ), |
| 73 | 73 | ||
| 74 | --selected: ( | 74 | --selected: ( |
| 75 | --bg-color: props.get(core.$theme, --text-mute), | 75 | --bg-color: props.get(core.$theme, --text), |
| 76 | --label-color: props.get(core.$theme, --base, --50), | 76 | --label-color: props.get(core.$theme, --base, --50), |
| 77 | --border-color: props.get(core.$theme, --text-mute), | 77 | --border-color: props.get(core.$theme, --text-mute), |
| 78 | 78 | ||
| 79 | --hover: ( | 79 | --hover: ( |
| 80 | --bg-color: props.get(core.$theme, --text), | 80 | --bg-color: props.get(core.$theme, --heading), |
| 81 | --label-color: props.get(core.$theme, --base, --50), | 81 | --label-color: props.get(core.$theme, --base, --50), |
| 82 | --border-color: props.get(core.$theme, --text), | 82 | --border-color: props.get(core.$theme, --text), |
| 83 | ), | 83 | ), |
diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss index d96d6c4..f33c662 100644 --- a/src/objects/_badge.vars.scss +++ b/src/objects/_badge.vars.scss | |||
| @@ -40,11 +40,11 @@ $sizes: ( | |||
| 40 | 40 | ||
| 41 | $default-theme-override: () !default; | 41 | $default-theme-override: () !default; |
| 42 | $default-theme: props.def(--o-badge, ( | 42 | $default-theme: props.def(--o-badge, ( |
| 43 | --bg: props.get(core.$theme, --text-mute), | 43 | --bg: props.get(core.$theme, --text), |
| 44 | --label: props.get(core.$theme, --bg-l2), | 44 | --label: props.get(core.$theme, --bg-l2), |
| 45 | 45 | ||
| 46 | --hover: ( | 46 | --hover: ( |
| 47 | --bg: props.get(core.$theme, --text), | 47 | --bg: props.get(core.$theme, --heading), |
| 48 | --label: props.get(core.$theme, --bg-l2), | 48 | --label: props.get(core.$theme, --bg-l2), |
| 49 | ), | 49 | ), |
| 50 | 50 | ||