diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-13 21:19:13 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-13 21:19:13 +0100 |
| commit | e0dc52dccd4a0019d4f495b98e17e299aac02e2d (patch) | |
| tree | d4e1d35eaaf02b47f927d07fa5f3e526d6f60086 /src/objects/_button.vars.scss | |
| parent | Higher contrast badge / selected quiet action button (diff) | |
| download | iro-design-e0dc52dccd4a0019d4f495b98e17e299aac02e2d.tar.gz iro-design-e0dc52dccd4a0019d4f495b98e17e299aac02e2d.tar.bz2 iro-design-e0dc52dccd4a0019d4f495b98e17e299aac02e2d.zip | |
Better action button / badge color
Diffstat (limited to 'src/objects/_button.vars.scss')
| -rw-r--r-- | src/objects/_button.vars.scss | 14 |
1 files changed, 7 insertions, 7 deletions
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, ( | |||
| 66 | ), | 66 | ), |
| 67 | 67 | ||
| 68 | --primary: ( | 68 | --primary: ( |
| 69 | --bg: props.get(core.$theme, --base, --800), | 69 | --bg: props.get(core.$theme, --base, --900), |
| 70 | --label: props.get(core.$theme, --base, --800-text), | 70 | --label: props.get(core.$theme, --base, --900-text), |
| 71 | --outline-border: props.get(core.$theme, --base, --800), | 71 | --outline-border: props.get(core.$theme, --base, --900), |
| 72 | --outline-label: props.get(core.$theme, --text), | 72 | --outline-label: props.get(core.$theme, --text), |
| 73 | 73 | ||
| 74 | --hover: ( | 74 | --hover: ( |
| 75 | --bg: props.get(core.$theme, --base, --900), | 75 | --bg: props.get(core.$theme, --base, --800), |
| 76 | --label: props.get(core.$theme, --base, --900-text), | 76 | --label: props.get(core.$theme, --base, --800-text), |
| 77 | ), | 77 | ), |
| 78 | 78 | ||
| 79 | --active: ( | 79 | --active: ( |
| 80 | --bg: props.get(core.$theme, --base, --900), | 80 | --bg: props.get(core.$theme, --base, --700), |
| 81 | --label: props.get(core.$theme, --base, --900-text), | 81 | --label: props.get(core.$theme, --base, --700-text), |
| 82 | ), | 82 | ), |
| 83 | ), | 83 | ), |
| 84 | ), 'color'); | 84 | ), 'color'); |