start updating colors to the HSL notation

danilo-leal · Apr 1, 2024 · 26f44b9 · 26f44b9
1 parent 1e8beab
commit 26f44b9
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/packages/mui-docs/src/branding/brandingTheme.ts b/packages/mui-docs/src/branding/brandingTheme.ts
@@ -104,17 +104,17 @@ export const blue = {
   900: '#003A75',
 };
 export const blueDark = {
-  50: '#EAEDF1',
-  100: '#DAE0E7',
-  200: '#ACBAC8',
-  300: '#7B91A7',
-  main: '#7B91A7',
-  400: '#4B5E71',
-  500: '#3B4A59',
-  600: '#2F3A46',
-  700: '#1F262E', // contrast 13.64:1
-  800: '#141A1F',
-  900: '#101418',
+  50: 'hsl(210, 16%, 92%)',
+  100: 'hsl(210, 16%, 87%)',
+  200: 'hsl(210, 16%, 72%)',
+  300: 'hsl(210, 16%, 56%)',
+  main: 'hsl(210, 16%, 56%)',
+  400: 'hsl(210, 16%, 36%)',
+  500: 'hsl(210, 16%, 28%)',
+  600: 'hsl(210, 16%, 22%)',
+  700: 'hsl(210, 16%, 13%)',
+  800: 'hsl(210, 16%, 9%)',
+  900: 'hsl(210, 16%, 7%)',
 };
 export const grey = {
   50: '#F3F6F9',