From cec4a3ec9e41849bebc7a9655f83f1cfdb18679b Mon Sep 17 00:00:00 2001 From: Willian Pinheiro Date: Fri, 18 Oct 2024 16:59:47 -0300 Subject: [PATCH] makes color contrast better --- app/lib/create-mantine-theme.ts | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/app/lib/create-mantine-theme.ts b/app/lib/create-mantine-theme.ts index a322f17..96d4c85 100644 --- a/app/lib/create-mantine-theme.ts +++ b/app/lib/create-mantine-theme.ts @@ -65,32 +65,32 @@ export function createMantineTheme({ colors: { ...colors, dark: [ + `hsl(${baseHue} ${baseSaturation}% 95%)`, `hsl(${baseHue} ${baseSaturation}% 80%)`, `hsl(${baseHue} ${baseSaturation}% 70%)`, - `hsl(${baseHue} ${baseSaturation}% 50%)`, - `hsl(${baseHue} ${baseSaturation}% 40%)`, + `hsl(${baseHue} ${baseSaturation}% 60%)`, `hsl(${baseHue} ${baseSaturation}% 30%)`, `hsl(${baseHue} ${baseSaturation}% 25%)`, `hsl(${baseHue} ${baseSaturation}% 13%)`, `hsl(${baseHue} ${baseSaturation}% 10%)`, - `hsl(${baseHue} ${baseSaturation}% 7%)`, - `hsl(${baseHue} ${baseSaturation}% 4%)`, + `hsl(${baseHue} ${baseSaturation}% 8%)`, + `hsl(${baseHue} ${baseSaturation}% 5%)`, ], gray: [ `hsl(${baseHue} 17% 98%)`, `hsl(${baseHue} 17% 95%)`, `hsl(${baseHue} 16% 90%)`, - `hsl(${baseHue} 14% 85%)`, - `hsl(${baseHue} 14% 80%)`, - `hsl(${baseHue} 10% 70%)`, + `hsl(${baseHue} 14% 75%)`, + `hsl(${baseHue} 14% 70%)`, + `hsl(${baseHue} 10% 60%)`, `hsl(${baseHue} 8% 55%)`, `hsl(${baseHue} 10% 30%)`, `hsl(${baseHue} 10% 25%)`, `hsl(${baseHue} 10% 15%)`, ], }, - black: `hsl(${baseHue} 10% 15%)`, - white: `hsl(${baseHue} ${baseSaturation}% 95%)`, + black: `hsl(${baseHue} 10% 10%)`, + white: `hsl(${baseHue} 10% 95%)`, primaryColor: "primary", }) );