makes color contrast better

willpinha · Oct 18, 2024 · cec4a3e · cec4a3e
1 parent 4c21637
commit cec4a3e
Showing 1 changed file with 9 additions and 9 deletions.
diff --git 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",
 		})
 	);