diff --git a/dist/palette.css b/dist/palette.css index 285c4a6..889834d 100644 --- a/dist/palette.css +++ b/dist/palette.css @@ -1,19 +1,19 @@ :root { - --grape: lch( 40.014% 108.495 309.59 ); --grape-tint: lch( 44.014% 106.495 310.59 ); --grape-shade: lch( 36.014% 110.495 308.59 ); --grape--gradient: linear-gradient( 120deg, var(--grape-tint), var(--grape-shade) ); - --raspberry: lch( 57.859% 97.892 326.222 ); --raspberry-tint: lch( 61.859% 95.892 327.222 ); --raspberry-shade: lch( 53.859% 99.892 325.222 ); --raspberry--gradient: linear-gradient( 120deg, var(--raspberry-tint), var(--raspberry-shade) ); - --peach: lch( 71.881% 40.541 32.926 ); --peach-tint: lch( 75.881% 38.541 33.926 ); --peach-shade: lch( 67.881% 42.541 31.926000000000002 ); --peach--gradient: linear-gradient( 120deg, var(--peach-tint), var(--peach-shade) ); - --lemon: lch( 94.17% 75.545 100.177 ); --lemon-tint: lch( 98.17% 73.545 101.177 ); --lemon-shade: lch( 90.17% 77.545 99.177 ); --lemon--gradient: linear-gradient( 120deg, var(--lemon-tint), var(--lemon-shade) ); - --pear: lch( 77.247% 88.908 127.145 ); --pear-tint: lch( 81.247% 86.908 128.14499999999998 ); --pear-shade: lch( 73.247% 90.908 126.145 ); --pear--gradient: linear-gradient( 120deg, var(--pear-tint), var(--pear-shade) ); - --lychee: lch( 94.314% 2.996 284.311 ); --lychee-tint: lch( 98.314% 0.996 285.311 ); --lychee-shade: lch( 90.314% 4.996 283.311 ); --lychee--gradient: linear-gradient( 120deg, var(--lychee-tint), var(--lychee-shade) ); - --blackberry: lch( 9.116% 7.269 287.344 ); --blackberry-tint: lch( 13.116% 5.269 288.344 ); --blackberry-shade: lch( 5.116% 9.269 286.344 ); --blackberry--gradient: linear-gradient( 120deg, var(--blackberry-tint), var(--blackberry-shade) ); + --grape: lch( 40.014% 108.495 309.59 ); --grape-tint: lch( 44.014% 106.495 310.59 ); --grape-shade: lch( 36.014% 110.495 308.59 ); --grape-gradient: linear-gradient( 120deg, var(--grape-tint), var(--grape-shade) ); + --raspberry: lch( 57.859% 97.892 326.222 ); --raspberry-tint: lch( 61.859% 95.892 327.222 ); --raspberry-shade: lch( 53.859% 99.892 325.222 ); --raspberry-gradient: linear-gradient( 120deg, var(--raspberry-tint), var(--raspberry-shade) ); + --peach: lch( 71.881% 40.541 32.926 ); --peach-tint: lch( 75.881% 38.541 33.926 ); --peach-shade: lch( 67.881% 42.541 31.926000000000002 ); --peach-gradient: linear-gradient( 120deg, var(--peach-tint), var(--peach-shade) ); + --lemon: lch( 94.17% 75.545 100.177 ); --lemon-tint: lch( 98.17% 73.545 101.177 ); --lemon-shade: lch( 90.17% 77.545 99.177 ); --lemon-gradient: linear-gradient( 120deg, var(--lemon-tint), var(--lemon-shade) ); + --pear: lch( 77.247% 88.908 127.145 ); --pear-tint: lch( 81.247% 86.908 128.14499999999998 ); --pear-shade: lch( 73.247% 90.908 126.145 ); --pear-gradient: linear-gradient( 120deg, var(--pear-tint), var(--pear-shade) ); + --lychee: lch( 94.314% 2.996 284.311 ); --lychee-tint: lch( 98.314% 0.996 285.311 ); --lychee-shade: lch( 90.314% 4.996 283.311 ); --lychee-gradient: linear-gradient( 120deg, var(--lychee-tint), var(--lychee-shade) ); + --blackberry: lch( 9.116% 7.269 287.344 ); --blackberry-tint: lch( 13.116% 5.269 288.344 ); --blackberry-shade: lch( 5.116% 9.269 286.344 ); --blackberry-gradient: linear-gradient( 120deg, var(--blackberry-tint), var(--blackberry-shade) ); --white: lch( 100% 0 0 ); --black: lch( 4.807% 3.011 285.248 ); - --primary: var(--grape); --primary-tint: var(--grape-tint); --primary-shade: var(--grape-shade); --primary--gradient: linear-gradient(120deg, var(--primary-tint), var(--primary-shade)); - --secondary: var(--raspberry); --secondary-tint: var(--raspberry-tint); --secondary-shade: var(--raspberry-shade); --secondary--gradient: linear-gradient(120deg, var(--secondary-tint), var(--secondary-shade)); - --tertiary: var(--lemon); --tertiary-tint: var(--lemon-tint); --tertiary-shade: var(--lemon-shade); --tertiary--gradient: linear-gradient(120deg, var(--tertiary-tint), var(--tertiary-shade)); + --primary: var(--grape); --primary-tint: var(--grape-tint); --primary-shade: var(--grape-shade); --primary-gradient: linear-gradient(120deg, var(--primary-tint), var(--primary-shade)); + --secondary: var(--raspberry); --secondary-tint: var(--raspberry-tint); --secondary-shade: var(--raspberry-shade); --secondary-gradient: linear-gradient(120deg, var(--secondary-tint), var(--secondary-shade)); + --tertiary: var(--lemon); --tertiary-tint: var(--lemon-tint); --tertiary-shade: var(--lemon-shade); --tertiary-gradient: linear-gradient(120deg, var(--tertiary-tint), var(--tertiary-shade)); --lemonade-gradient: linear-gradient(120deg, var(--lemon), var(--peach) 40%, var(--raspberry)); diff --git a/src/templates/css.tpl b/src/templates/css.tpl index d802358..1a27856 100644 --- a/src/templates/css.tpl +++ b/src/templates/css.tpl @@ -2,9 +2,9 @@ %CSS% - --primary: var(--grape); --primary-tint: var(--grape-tint); --primary-shade: var(--grape-shade); --primary--gradient: linear-gradient(120deg, var(--primary-tint), var(--primary-shade)); - --secondary: var(--raspberry); --secondary-tint: var(--raspberry-tint); --secondary-shade: var(--raspberry-shade); --secondary--gradient: linear-gradient(120deg, var(--secondary-tint), var(--secondary-shade)); - --tertiary: var(--lemon); --tertiary-tint: var(--lemon-tint); --tertiary-shade: var(--lemon-shade); --tertiary--gradient: linear-gradient(120deg, var(--tertiary-tint), var(--tertiary-shade)); + --primary: var(--grape); --primary-tint: var(--grape-tint); --primary-shade: var(--grape-shade); --primary-gradient: linear-gradient(120deg, var(--primary-tint), var(--primary-shade)); + --secondary: var(--raspberry); --secondary-tint: var(--raspberry-tint); --secondary-shade: var(--raspberry-shade); --secondary-gradient: linear-gradient(120deg, var(--secondary-tint), var(--secondary-shade)); + --tertiary: var(--lemon); --tertiary-tint: var(--lemon-tint); --tertiary-shade: var(--lemon-shade); --tertiary-gradient: linear-gradient(120deg, var(--tertiary-tint), var(--tertiary-shade)); --lemonade-gradient: linear-gradient(120deg, var(--lemon), var(--peach) 40%, var(--raspberry)); diff --git a/src/workflows/build_css.ts b/src/workflows/build_css.ts index 8092200..b87c042 100644 --- a/src/workflows/build_css.ts +++ b/src/workflows/build_css.ts @@ -39,7 +39,7 @@ function buildColourBlock (colour: Colour, settings: Settings): string { } block += ` - --${id}--gradient: linear-gradient( + --${id}-gradient: linear-gradient( 120deg, var(--${id}-${variants[0]}), var(--${id}-${variants[1]})