From 64a841c69ead262666dd0754218585d0f05cf735 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 23 Jun 2024 19:05:33 +0200 Subject: WIP: New color calculations --- src/_config.scss | 62 ++++++++++++++++++++++++++++++-------------------------- 1 file changed, 33 insertions(+), 29 deletions(-) (limited to 'src/_config.scss') diff --git a/src/_config.scss b/src/_config.scss index 3cffbfd..950ff3b 100644 --- a/src/_config.scss +++ b/src/_config.scss @@ -23,7 +23,7 @@ media.$unit-intervals: ( res.$named-viewports: media.$breakpoints; -$palette-precision: 5 !default; +$palette-precision: 0.01 !default; $static-colors: ( --base: hsl(0, 0%, 97%), @@ -56,29 +56,29 @@ $static-colors: ( $theme-light: ( --contrasts: ( --grays: ( - --50: 1.1, - --75: 1.04, - --100: 1, + --50: -10, + --75: -5, + --100: 0, - --200: -1.15, - --300: -1.35, - --400: -1.7, + --200: 13.2375, + --300: 26.475, + --400: 39.7125, - --500: -2.4, - --600: -3.3, - --700: -6, - --800: -13, - --900: -20, + --500: 52.95, + --600: 66.1875, + --700: 79.425, + --800: 92.6625, + --900: 105.9, ), --colors: ( - --100: -1.08, - --200: -1.20, - --300: -1.33, - --400: -1.58, - --500: -1.92, - --600: -2.39, - --700: -3.01, + --100: -1.18, + --200: -1.30, + --300: -1.43, + --400: -1.68, + --500: -2.00, + --600: -2.45, + --700: -3.04, --800: -3.87, --900: -5.07, --1000: -6.72, @@ -90,7 +90,7 @@ $theme-light: ( --ranges: ( --full: 1, - --muted: 0.8, + --muted: .2, ), --palettes: ( @@ -104,15 +104,17 @@ $theme-light: ( --semantic: ( --accent: --blue, - --positive: --green, - --negative: --red, - --warning: --yellow, - --accent-static: --blue-static, + --positive: --green, --positive-static: --green-static, + --negative: --red, --negative-static: --red-static, + --warning: --yellow, --warning-static: --yellow-static, + --focus: --yellow, + --focus-static: --yellow-static, + --bg-l2: --base --50, --bg-l1: --base --100, --bg-base: --base --200, @@ -166,7 +168,7 @@ $theme-dark: ( --ranges: ( --full: 1, - --muted: 0.8, + --muted: .2, ), --palettes: ( @@ -180,15 +182,17 @@ $theme-dark: ( --semantic: ( --accent: --blue, - --positive: --green, - --negative: --red, - --warning: --yellow, - --accent-static: --blue-static, + --positive: --green, --positive-static: --green-static, + --negative: --red, --negative-static: --red-static, + --warning: --yellow, --warning-static: --yellow-static, + --focus: --yellow, + --focus-static: --yellow-static, + --bg-base: --base --50, --bg-l1: --base --75, --bg-l2: --base --100, -- cgit v1.2.3-70-g09d2