summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-13 16:30:52 +0100
committerVolpeon <git@volpeon.ink>2022-02-13 16:30:52 +0100
commit92f1313031b705e5dbb9af079058d05ad839d68a (patch)
tree3a433133e59b718f5d1666399e42dff17a0befc8 /src
parentImproved accent structure (diff)
downloadiro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.gz
iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.bz2
iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.zip
Improved colors
Diffstat (limited to 'src')
-rw-r--r--src/_config.scss10
-rw-r--r--src/_declare-vars.scss8
-rw-r--r--src/_functions.scss6
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),