diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-07 21:55:14 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-07 21:55:14 +0100 |
| commit | 9746510148ea89af92d1e9fc745f3e34b02d2866 (patch) | |
| tree | a93a41f8e65cf409596a2145bc86c0199d87c0e9 /src | |
| parent | Improved accent handling (diff) | |
| download | iro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.tar.gz iro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.tar.bz2 iro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.zip | |
Use HSLuv for accents
Diffstat (limited to 'src')
| -rw-r--r-- | src/_vars.scss | 9 |
1 files changed, 5 insertions, 4 deletions
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 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
| 2 | @use 'include-media/dist/include-media' as media; | 2 | @use 'include-media/dist/include-media' as media; |
| 3 | @use 'hsluv-sass/src/hsluv' as hsluv; | ||
| 3 | @use 'functions' as fn; | 4 | @use 'functions' as fn; |
| 4 | 5 | ||
| 5 | iro.$vars-root-size: 16px; | 6 | iro.$vars-root-size: 16px; |
| @@ -115,10 +116,10 @@ media.$unit-intervals: ( | |||
| 115 | --fg-lo: fn.color(--gray11, null), // Strong text | 116 | --fg-lo: fn.color(--gray11, null), // Strong text |
| 116 | 117 | ||
| 117 | --accent: ( | 118 | --accent: ( |
| 118 | --blue: accent-palette(hsl(222, 49.8%, 52.4%)), | 119 | --blue: accent-palette(hsluv.hsluv(259, 68.1%, 47.7%)), |
| 119 | --red: accent-palette(hsl(352, 49.8%, 52.4%)), | 120 | --red: accent-palette(hsluv.hsluv(0, 68.1%, 47.7%)), |
| 120 | --green: accent-palette(hsl(113, 49.8%, 39.6%)), | 121 | --green: accent-palette(hsluv.hsluv(131, 68.1%, 47.7%)), |
| 121 | --yellow: accent-palette(hsl(50, 59.8%, 52.4%)), | 122 | --yellow: accent-palette(hsluv.hsluv(78, 68.1%, 47.7%)), |
| 122 | 123 | ||
| 123 | --primary: iro.props-ref('colors', --colors --accent --blue), | 124 | --primary: iro.props-ref('colors', --colors --accent --blue), |
| 124 | --error: iro.props-ref('colors', --colors --accent --red), | 125 | --error: iro.props-ref('colors', --colors --accent --red), |