From 6b0fcac695aa7a5517f6f53cec50da493acc4582 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 22 Jun 2024 19:30:00 +0200 Subject: Update --- src/_config.scss | 110 ++++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 76 insertions(+), 34 deletions(-) (limited to 'src/_config.scss') diff --git a/src/_config.scss b/src/_config.scss index be01a69..3cffbfd 100644 --- a/src/_config.scss +++ b/src/_config.scss @@ -25,6 +25,34 @@ res.$named-viewports: media.$breakpoints; $palette-precision: 5 !default; +$static-colors: ( + --base: hsl(0, 0%, 97%), + + --contrasts: ( + --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, + ), + + --palettes: ( + --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 80), + ), +) !default; + $theme-light: ( --contrasts: ( --grays: ( @@ -74,23 +102,30 @@ $theme-light: ( --yellow: blend.lch(68% 50 80) --colors --muted, ), - --semantic-colors: ( - --accent: --blue, - --focus: --yellow-static, - - --bg-l2: --base --50, - --bg-l1: --base --100, - --bg-base: --base --200, - - --border-mute: --base --200, - --border: --base --300, - --border-strong: --base --400, - - --text-disabled: --base --500, - --text-mute-more: --base --600, - --text-mute: --base --700, - --text: --base --800, - --heading: --base --900, + --semantic: ( + --accent: --blue, + --positive: --green, + --negative: --red, + --warning: --yellow, + + --accent-static: --blue-static, + --positive-static: --green-static, + --negative-static: --red-static, + --warning-static: --yellow-static, + + --bg-l2: --base --50, + --bg-l1: --base --100, + --bg-base: --base --200, + + --border-mute: --base --200, + --border: --base --300, + --border-strong: --base --400, + + --text-disabled: --base --500, + --text-mute-more: --base --600, + --text-mute: --base --700, + --text: --base --800, + --heading: --base --900, ), ) !default; @@ -143,23 +178,30 @@ $theme-dark: ( --yellow: blend.lch(68% 50 80) --colors --muted, ), - --semantic-colors: ( - --accent: --blue, - --focus: --yellow-static, - - --bg-base: --base --50, - --bg-l1: --base --75, - --bg-l2: --base --100, - - --border-mute: --base --200, - --border: --base --300, - --border-strong: --base --400, - - --text-disabled: --base --500, - --text-mute-more: --base --600, - --text-mute: --base --700, - --text: --base --800, - --heading: --base --900, + --semantic: ( + --accent: --blue, + --positive: --green, + --negative: --red, + --warning: --yellow, + + --accent-static: --blue-static, + --positive-static: --green-static, + --negative-static: --red-static, + --warning-static: --yellow-static, + + --bg-base: --base --50, + --bg-l1: --base --75, + --bg-l2: --base --100, + + --border-mute: --base --200, + --border: --base --300, + --border-strong: --base --400, + + --text-disabled: --base --500, + --text-mute-more: --base --600, + --text-mute: --base --700, + --text: --base --800, + --heading: --base --900, ), ) !default; -- cgit v1.2.3-54-g00ecf