diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-22 21:58:49 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-22 21:58:49 +0200 |
| commit | 4d5fe29f1b61e43a4b57596b233f265f57153c65 (patch) | |
| tree | f656d3c3e2453acf9679a02ad9bfdeca67afccbc | |
| parent | Adjusted action button variants (diff) | |
| download | iro-design-4d5fe29f1b61e43a4b57596b233f265f57153c65.tar.gz iro-design-4d5fe29f1b61e43a4b57596b233f265f57153c65.tar.bz2 iro-design-4d5fe29f1b61e43a4b57596b233f265f57153c65.zip | |
Fix
| -rw-r--r-- | src/objects/_action-button.vars.scss | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/objects/_action-button.vars.scss b/src/objects/_action-button.vars.scss index 3f09f35..6693b61 100644 --- a/src/objects/_action-button.vars.scss +++ b/src/objects/_action-button.vars.scss | |||
| @@ -105,18 +105,18 @@ $default-theme: map.deep-merge(( | |||
| 105 | --static: ( | 105 | --static: ( |
| 106 | --bg-color: props.get(core.$theme, --border-mute), | 106 | --bg-color: props.get(core.$theme, --border-mute), |
| 107 | --label-color: props.get(core.$theme, --heading), | 107 | --label-color: props.get(core.$theme, --heading), |
| 108 | --border-color: props.get(core.$theme, --border), | 108 | --border-color: props.get(core.$theme, --border-mute), |
| 109 | 109 | ||
| 110 | --hover: ( | 110 | --hover: ( |
| 111 | --bg-color: props.get(core.$theme, --border), | 111 | --bg-color: props.get(core.$theme, --border), |
| 112 | --label-color: props.get(core.$theme, --heading), | 112 | --label-color: props.get(core.$theme, --heading), |
| 113 | --border-color: props.get(core.$theme, --border-strong), | 113 | --border-color: props.get(core.$theme, --border), |
| 114 | ), | 114 | ), |
| 115 | 115 | ||
| 116 | --active: ( | 116 | --active: ( |
| 117 | --bg-color: props.get(core.$theme, --border-strong), | 117 | --bg-color: props.get(core.$theme, --border-strong), |
| 118 | --label-color: props.get(core.$theme, --heading), | 118 | --label-color: props.get(core.$theme, --heading), |
| 119 | --border-color: props.get(core.$theme, --text-mute-more), | 119 | --border-color: props.get(core.$theme, --border-strong), |
| 120 | ), | 120 | ), |
| 121 | ), | 121 | ), |
| 122 | 122 | ||
| @@ -221,18 +221,18 @@ $default-theme-dark: props.def(--o-action-button, $default-theme-dark, 'dark'); | |||
| 221 | --static: ( | 221 | --static: ( |
| 222 | --bg-color: props.get(core.$transparent-colors, $theme, --200), | 222 | --bg-color: props.get(core.$transparent-colors, $theme, --200), |
| 223 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 223 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 224 | --border-color: props.get(core.$transparent-colors, $theme, --300), | 224 | --border-color: transparent, |
| 225 | 225 | ||
| 226 | --hover: ( | 226 | --hover: ( |
| 227 | --bg-color: props.get(core.$transparent-colors, $theme, --300), | 227 | --bg-color: props.get(core.$transparent-colors, $theme, --300), |
| 228 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 228 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 229 | --border-color: props.get(core.$transparent-colors, $theme, --400), | 229 | --border-color: transparent, |
| 230 | ), | 230 | ), |
| 231 | 231 | ||
| 232 | --active: ( | 232 | --active: ( |
| 233 | --bg-color: props.get(core.$transparent-colors, $theme, --400), | 233 | --bg-color: props.get(core.$transparent-colors, $theme, --400), |
| 234 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 234 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 235 | --border-color: props.get(core.$transparent-colors, $theme, --500), | 235 | --border-color: transparent, |
| 236 | ), | 236 | ), |
| 237 | ), | 237 | ), |
| 238 | 238 | ||
| @@ -321,18 +321,18 @@ $themes-config: ( | |||
| 321 | 321 | ||
| 322 | --static: ( | 322 | --static: ( |
| 323 | --bg-color: props.get(core.$theme, $key, --100), | 323 | --bg-color: props.get(core.$theme, $key, --100), |
| 324 | --label-color: props.get(core.$theme, $key, --1000), | 324 | --label-color: props.get(core.$theme, $key, --1100), |
| 325 | --border-color: props.get(core.$theme, $key, --300), | 325 | --border-color: props.get(core.$theme, $key, --300), |
| 326 | 326 | ||
| 327 | --hover: ( | 327 | --hover: ( |
| 328 | --bg-color: props.get(core.$theme, $key, --200), | 328 | --bg-color: props.get(core.$theme, $key, --200), |
| 329 | --label-color: props.get(core.$theme, $key, --1100), | 329 | --label-color: props.get(core.$theme, $key, --1200), |
| 330 | --border-color: props.get(core.$theme, $key, --400), | 330 | --border-color: props.get(core.$theme, $key, --400), |
| 331 | ), | 331 | ), |
| 332 | 332 | ||
| 333 | --active: ( | 333 | --active: ( |
| 334 | --bg-color: props.get(core.$theme, $key, --300), | 334 | --bg-color: props.get(core.$theme, $key, --300), |
| 335 | --label-color: props.get(core.$theme, $key, --1200), | 335 | --label-color: props.get(core.$theme, $key, --1300), |
| 336 | --border-color: props.get(core.$theme, $key, --500), | 336 | --border-color: props.get(core.$theme, $key, --500), |
| 337 | ), | 337 | ), |
| 338 | ), | 338 | ), |