diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-13 16:30:52 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-13 16:30:52 +0100 |
| commit | 92f1313031b705e5dbb9af079058d05ad839d68a (patch) | |
| tree | 3a433133e59b718f5d1666399e42dff17a0befc8 /src | |
| parent | Improved accent structure (diff) | |
| download | iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.gz iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.bz2 iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.zip | |
Improved colors
Diffstat (limited to 'src')
| -rw-r--r-- | src/_config.scss | 10 | ||||
| -rw-r--r-- | src/_declare-vars.scss | 8 | ||||
| -rw-r--r-- | src/_functions.scss | 6 |
3 files changed, 12 insertions, 12 deletions
diff --git a/src/_config.scss b/src/_config.scss index b54cb37..cdbd02c 100644 --- a/src/_config.scss +++ b/src/_config.scss | |||
| @@ -16,17 +16,17 @@ media.$unit-intervals: ( | |||
| 16 | ); | 16 | ); |
| 17 | 17 | ||
| 18 | $wanted-grays: ( | 18 | $wanted-grays: ( |
| 19 | --1: -1.25, | 19 | --1: -1.2, |
| 20 | --2: -1.1, | 20 | --2: -1.1, |
| 21 | --3: 1, | 21 | --3: 1, |
| 22 | 22 | ||
| 23 | --4: 1.15, | 23 | --4: 1.15, |
| 24 | --5: 1.3, | 24 | --5: 1.3, |
| 25 | --6: 1.73, | 25 | --6: 1.7, |
| 26 | 26 | ||
| 27 | --7: 2.4, | 27 | --7: 2.4, |
| 28 | --8: 3.26, | 28 | --8: 3.3, |
| 29 | --9: 5, | 29 | --9: 6, |
| 30 | --10: 11, | 30 | --10: 11, |
| 31 | --11: 21, | 31 | --11: 19, |
| 32 | ); | 32 | ); |
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 44b7d0e..a9b4d0a 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
| @@ -87,8 +87,8 @@ | |||
| 87 | --gray: ( --h: 220, --s: 5% ), | 87 | --gray: ( --h: 220, --s: 5% ), |
| 88 | --blue: fn.color-palette(blend.lch(48% 50 279)), | 88 | --blue: fn.color-palette(blend.lch(48% 50 279)), |
| 89 | --red: fn.color-palette(blend.lch(48% 50 23)), | 89 | --red: fn.color-palette(blend.lch(48% 50 23)), |
| 90 | --green: fn.color-palette(blend.lch(63% 50 141)), | 90 | --green: fn.color-palette(blend.lch(63% 50 147)), |
| 91 | --yellow: fn.color-palette(blend.lch(73% 50 90)), | 91 | --yellow: fn.color-palette(blend.lch(73% 50 80)), |
| 92 | 92 | ||
| 93 | --accent: ( | 93 | --accent: ( |
| 94 | --primary: iro.props-ref('colors', --colors --blue), | 94 | --primary: iro.props-ref('colors', --colors --blue), |
| @@ -131,8 +131,8 @@ | |||
| 131 | --colors: ( | 131 | --colors: ( |
| 132 | --blue: fn.color-palette(blend.lch(58% 60 279), -1), | 132 | --blue: fn.color-palette(blend.lch(58% 60 279), -1), |
| 133 | --red: fn.color-palette(blend.lch(58% 60 23), -1), | 133 | --red: fn.color-palette(blend.lch(58% 60 23), -1), |
| 134 | --green: fn.color-palette(blend.lch(73% 60 141), -1), | 134 | --green: fn.color-palette(blend.lch(73% 60 147), -1), |
| 135 | --yellow: fn.color-palette(blend.lch(83% 60 90), -1), | 135 | --yellow: fn.color-palette(blend.lch(83% 60 80), -1), |
| 136 | 136 | ||
| 137 | --accent: ( | 137 | --accent: ( |
| 138 | --primary: iro.props-ref('colors-dark', --colors --blue), | 138 | --primary: iro.props-ref('colors-dark', --colors --blue), |
diff --git a/src/_functions.scss b/src/_functions.scss index c45dcfb..5a30a88 100644 --- a/src/_functions.scss +++ b/src/_functions.scss | |||
| @@ -105,10 +105,10 @@ | |||
| 105 | 105 | ||
| 106 | @function color-palette($base, $dir: 1) { | 106 | @function color-palette($base, $dir: 1) { |
| 107 | @return ( | 107 | @return ( |
| 108 | --bg-hi: blend.scale($base, $lightness: $dir * 15%, $chroma: $dir * 10%), | 108 | --bg-hi: blend.scale($base, $lightness: $dir * 15%, $chroma: $dir * 7.5%), |
| 109 | --bg: $base, | 109 | --bg: $base, |
| 110 | --obj: blend.scale($base, $lightness: $dir * -15%, $chroma: $dir * -10%), | 110 | --obj: blend.scale($base, $lightness: $dir * -15%, $chroma: $dir * -7.5%), |
| 111 | --obj-lo: blend.scale($base, $lightness: $dir * -25%, $chroma: $dir * -20%), | 111 | --obj-lo: blend.scale($base, $lightness: $dir * -30%, $chroma: $dir * -15%), |
| 112 | --semi: rgba($base, .4), | 112 | --semi: rgba($base, .4), |
| 113 | --selection: rgba($base, .99), | 113 | --selection: rgba($base, .99), |
| 114 | --fg: blend.contrast($base), | 114 | --fg: blend.contrast($base), |