Improved colors

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
parent: Improved accent structure (diff)
download: iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.gz
iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.bz2
iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.zip
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: (
 );
 $wanted-grays: (
-    --1:  -1.25,
+    --1:  -1.2,
    --2:  -1.1,
    --3:  1,
    --4:  1.15,
    --5:  1.3,
-    --6:  1.73,
+    --6:  1.7,
    --7:  2.4,
-    --8:  3.26,
+    --8:  3.3,
-    --9:  5,
+    --9:  6,
    --10: 11,
-    --11: 21,
+    --11: 19,
 );
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 @@
            --gray:   ( --h: 220, --s: 5% ),
            --blue:   fn.color-palette(blend.lch(48% 50 279)),
            --red:    fn.color-palette(blend.lch(48% 50 23)),
-            --green:  fn.color-palette(blend.lch(63% 50 141)),
+            --green:  fn.color-palette(blend.lch(63% 50 147)),
-            --yellow: fn.color-palette(blend.lch(73% 50 90)),
+            --yellow: fn.color-palette(blend.lch(73% 50 80)),
            --accent: (
                --primary: iro.props-ref('colors', --colors --blue),
@@ -131,8 +131,8 @@
        --colors: (
            --blue:   fn.color-palette(blend.lch(58% 60 279), -1),
            --red:    fn.color-palette(blend.lch(58% 60 23), -1),
-            --green:  fn.color-palette(blend.lch(73% 60 141), -1),
+            --green:  fn.color-palette(blend.lch(73% 60 147), -1),
-            --yellow: fn.color-palette(blend.lch(83% 60 90), -1),
+            --yellow: fn.color-palette(blend.lch(83% 60 80), -1),
            --accent: (
                --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 @@
 @function color-palette($base, $dir: 1) {
    @return (
-        --bg-hi:     blend.scale($base, $lightness: $dir * 15%, $chroma: $dir * 10%),
+        --bg-hi:     blend.scale($base, $lightness: $dir * 15%, $chroma: $dir * 7.5%),
        --bg:        $base,
-        --obj:       blend.scale($base, $lightness: $dir * -15%, $chroma: $dir * -10%),
+        --obj:       blend.scale($base, $lightness: $dir * -15%, $chroma: $dir * -7.5%),
-        --obj-lo:    blend.scale($base, $lightness: $dir * -25%, $chroma: $dir * -20%),
+        --obj-lo:    blend.scale($base, $lightness: $dir * -30%, $chroma: $dir * -15%),
        --semi:      rgba($base, .4),
        --selection: rgba($base, .99),
        --fg:        blend.contrast($base),
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
parent	Improved accent structure (diff)
download	iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.gz iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.tar.bz2 iro-design-92f1313031b705e5dbb9af079058d05ad839d68a.zip

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),