Use 500 and 550 for dark and light mode primary colors

Signed-off-by: Dom Del Nano <[email protected]>
pixie-io · Jun 27, 2024 · 7f5664a · 7f5664a
1 parent 24ca5fa
commit 7f5664a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/ui/src/components/mui-theme.tsx b/src/ui/src/components/mui-theme.tsx
@@ -255,7 +255,7 @@ export const COMMON_THEME = {
  white: '#FFFFFF',
  },
  primary: {
- main: COLORS.PRIMARY[500].dark,
+ main: COLORS.PRIMARY[500],
  dark: COLORS.PRIMARY[600],
  light: COLORS.PRIMARY[400],
  },
@@ -481,7 +481,7 @@ export const DARK_BASE = {
 export const LIGHT_BASE = {
  palette: {
  primary: {
- main: COLORS.PRIMARY[500].light,
+ main: COLORS.PRIMARY[550],
  },
  mode: 'light' as const,
  divider: '#dbdde0',

diff --git a/src/ui/src/configurables/base/theme-colors.ts b/src/ui/src/configurables/base/theme-colors.ts
@@ -23,10 +23,8 @@ export const COLORS = {
  '200': '#A1F7F7',
  '300': '#6DF3F3',
  '400': '#35EEEE',
- '500': { // Brand primary color!
- dark: '#12D6D6',
- light: '#12D6D6',
- },
+ '500': '#12D6D6', // Brand primary color!
+ '550': '#12D6D6', // Primary for light mode
  '600': '#0DA0A0',
  '700': '#096C6C',
  '800': '#053838',