From 9746510148ea89af92d1e9fc745f3e34b02d2866 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 21:55:14 +0100 Subject: Use HSLuv for accents --- package.json | 1 + src/_vars.scss | 9 +++++---- yarn.lock | 5 +++++ 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" -- cgit v1.2.3-54-g00ecf