Use HSLuv for accents

3 files changed, 11 insertions, 4 deletions

diff --git a/package.json b/package.json
index 7454c11..b41b8d5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
         "serve": "python -m http.server --bind 127.0.0.1 --directory public 8000"
     },
     "dependencies": {
+        "hsluv-sass": "^2.0.1",
         "include-media": "^1.4.9",
         "iro-sass": "git+https://git.vulpes.one/git/iro-sass.git"
     },
diff --git a/src/_vars.scss b/src/_vars.scss
index fd369f7..a9ca9bf 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -1,5 +1,6 @@
 @use 'iro-sass/src/index' as iro;
 @use 'include-media/dist/include-media' as media;
+@use 'hsluv-sass/src/hsluv' as hsluv;
 @use 'functions' as fn;
 
 iro.$vars-root-size: 16px;
@@ -115,10 +116,10 @@ media.$unit-intervals: (
             --fg-lo:  fn.color(--gray11, null), // Strong text
 
             --accent: (
-                --blue:   accent-palette(hsl(222, 49.8%, 52.4%)),
-                --red:    accent-palette(hsl(352, 49.8%, 52.4%)),
-                --green:  accent-palette(hsl(113, 49.8%, 39.6%)),
-                --yellow: accent-palette(hsl(50, 59.8%, 52.4%)),
+                --blue:   accent-palette(hsluv.hsluv(259, 68.1%, 47.7%)),
+                --red:    accent-palette(hsluv.hsluv(0, 68.1%, 47.7%)),
+                --green:  accent-palette(hsluv.hsluv(131, 68.1%, 47.7%)),
+                --yellow: accent-palette(hsluv.hsluv(78, 68.1%, 47.7%)),
 
                 --primary: iro.props-ref('colors', --colors --accent --blue),
                 --error:   iro.props-ref('colors', --colors --accent --red),
diff --git a/yarn.lock b/yarn.lock
index 2ab3c0d..a6eb1bc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1175,6 +1175,11 @@ hosted-git-info@^4.0.1:
   dependencies:
     lru-cache "^6.0.0"
 
+hsluv-sass@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/hsluv-sass/-/hsluv-sass-2.0.1.tgz#141368a4d08cd72cd3a156a1a5251e68ea0db2a4"
+  integrity sha512-dBWTq11yV3qcJHkMJQIR4u5/LtfllyIKfVCS/qMjBIlNHQqbyMWjWTby+WnjzAyQsZYPR8e/dC6dVKoaYhvyzA==
+
 html-tags@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"