From 1e902449652213eb1feae5e61740cb9ce3b9d6e3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 22 Jun 2024 10:39:48 +0200
Subject: WIP: Refactoring

---
 src/_config.scss | 214 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 120 insertions(+), 94 deletions(-)

(limited to 'src/_config.scss')

diff --git a/src/_config.scss b/src/_config.scss
index 08374fb..be01a69 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -26,115 +26,141 @@ res.$named-viewports: media.$breakpoints;
 $palette-precision: 5 !default;
 
 $theme-light: (
-    --base:  hsl(0, 0%, 97%),
-    --blue:   blend.lch(48% 50 279),
-    --purple: blend.lch(48% 50 308),
-    --red:    blend.lch(48% 50 23),
-    --green:  blend.lch(63% 50 147),
-    --yellow: blend.lch(68% 50 70),
-
-    --grays: (
-        --50:  1.1,
-        --75:  1.04,
-        --100: 1,
-    
-        --200: -1.15,
-        --300: -1.35,
-        --400: -1.7,
-    
-        --500: -2.4,
-        --600: -3.3,
-        --700: -6,
-        --800: -13,
-        --900: -20,
+    --contrasts: (
+        --grays: (
+            --50:  1.1,
+            --75:  1.04,
+            --100: 1,
+        
+            --200: -1.15,
+            --300: -1.35,
+            --400: -1.7,
+        
+            --500: -2.4,
+            --600: -3.3,
+            --700: -6,
+            --800: -13,
+            --900: -20,
+        ),
+
+        --colors: (
+            --100:  -1.08,
+            --200:  -1.20,
+            --300:  -1.33,
+            --400:  -1.58,
+            --500:  -1.92,
+            --600:  -2.39,
+            --700:  -3.01,
+            --800:  -3.87,
+            --900:  -5.07,
+            --1000: -6.72,
+            --1100: -8.84,
+            --1200: -11.31,
+            --1300: -13.94,
+        ),
     ),
-    --colors: (
-        --100:  -1.08,
-        --200:  -1.20,
-        --300:  -1.33,
-        --400:  -1.58,
-        --500:  -1.92,
-        --600:  -2.39,
-        --700:  -3.01,
-        --800:  -3.87,
-        --900:  -5.07,
-        --1000: -6.72,
-        --1100: -8.84,
-        --1200: -11.31,
-        --1300: -13.94,
+
+    --ranges: (
+        --full:  1,
+        --muted: 0.8,
+    ),
+
+    --palettes: (
+        --base:  hsl(0, 0%, 97%)       --grays --full,
+        --blue:   blend.lch(48% 50 279) --colors --muted,
+        --purple: blend.lch(48% 50 308) --colors --muted,
+        --red:    blend.lch(48% 50 23)  --colors --muted,
+        --green:  blend.lch(63% 50 147) --colors --muted,
+        --yellow: blend.lch(68% 50 80)  --colors --muted,
     ),
 
-    --accent:         --blue,
+    --semantic-colors: (
+        --accent:         --blue,
+        --focus:          --yellow-static,
 
-    --bg-l2:          --50,
-    --bg-l1:          --100,
-    --bg-base:        --200,
+        --bg-l2:          --base --50,
+        --bg-l1:          --base --100,
+        --bg-base:        --base --200,
 
-    --border-mute:    --200,
-    --border:         --300,
-    --border-strong:  --400,
+        --border-mute:    --base --200,
+        --border:         --base --300,
+        --border-strong:  --base --400,
 
-    --text-disabled:  --500,
-    --text-mute-more: --600,
-    --text-mute:      --700,
-    --text:           --800,
-    --heading:        --900,
+        --text-disabled:  --base --500,
+        --text-mute-more: --base --600,
+        --text-mute:      --base --700,
+        --text:           --base --800,
+        --heading:        --base --900,
+    ),
 ) !default;
 
 $theme-dark: (
-    --base:  hsl(0, 0%, 19%),
-    --blue:   blend.lch(48% 50 279),
-    --purple: blend.lch(48% 50 308),
-    --red:    blend.lch(48% 50 23),
-    --green:  blend.lch(63% 50 147),
-    --yellow: blend.lch(68% 50 70),
-
-    --grays: (
-        --50:  -1.31,
-        --75:  -1.18,
-        --100: 1,
-    
-        --200: 1.15,
-        --300: 1.35,
-        --400: 1.7,
-    
-        --500: 2.4,
-        --600: 3.3,
-        --700: 6,
-        --800: 13,
-        --900: 20,
+    --contrasts: (
+        --grays: (
+            --50:  -1.31,
+            --75:  -1.18,
+            --100: 1,
+        
+            --200: 1.15,
+            --300: 1.35,
+            --400: 1.7,
+        
+            --500: 2.4,
+            --600: 3.3,
+            --700: 6,
+            --800: 13,
+            --900: 20,
+        ),
+
+        --colors: (
+            --100:  1.12,
+            --200:  1.30,
+            --300:  1.58,
+            --400:  1.96,
+            --500:  2.45,
+            --600:  3.09,
+            --700:  3.90,
+            --800:  4.85,
+            --900:  6.02,
+            --1000: 7.34,
+            --1100: 8.77,
+            --1200: 10.18,
+            --1300: 11.64,
+        ),
     ),
-    --colors: (
-        --100:  1.12,
-        --200:  1.30,
-        --300:  1.58,
-        --400:  1.96,
-        --500:  2.45,
-        --600:  3.09,
-        --700:  3.90,
-        --800:  4.85,
-        --900:  6.02,
-        --1000: 7.34,
-        --1100: 8.77,
-        --1200: 10.18,
-        --1300: 11.64,
+
+    --ranges: (
+        --full:  1,
+        --muted: 0.8,
+    ),
+
+    --palettes: (
+        --base:  hsl(0, 0%, 19%)       --grays --full,
+        --blue:   blend.lch(48% 50 279) --colors --muted,
+        --purple: blend.lch(48% 50 308) --colors --muted,
+        --red:    blend.lch(48% 50 23)  --colors --muted,
+        --green:  blend.lch(63% 50 147) --colors --muted,
+        --yellow: blend.lch(68% 50 80)  --colors --muted,
     ),
 
-    --accent:         --blue,
+    --semantic-colors: (
+        --accent:         --blue,
+        --focus:          --yellow-static,
 
-    --bg-base:        --50,
-    --bg-l1:          --75,
-    --bg-l2:          --100,
+        --bg-base:        --base --50,
+        --bg-l1:          --base --75,
+        --bg-l2:          --base --100,
 
-    --border-mute:    --200,
-    --border:         --300,
-    --border-strong:  --400,
+        --border-mute:    --base --200,
+        --border:         --base --300,
+        --border-strong:  --base --400,
 
-    --text-disabled:  --500,
-    --text-mute-more: --600,
-    --text-mute:      --700,
-    --text:           --800,
-    --heading:        --900,
+        --text-disabled:  --base --500,
+        --text-mute-more: --base --600,
+        --text-mute:      --base --700,
+        --text:           --base --800,
+        --heading:        --base --900,
+    ),
 ) !default;
 
 $themes: (
-- 
cgit v1.2.3-70-g09d2