From 7f5664a062122327abff56d4cf9f8ab8e0006892 Mon Sep 17 00:00:00 2001
From: Dom Del Nano <ddelnano@gmail.com>
Date: Thu, 27 Jun 2024 22:34:52 +0000
Subject: [PATCH] Use 500 and 550 for dark and light mode primary colors

Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
---
 src/ui/src/components/mui-theme.tsx           | 4 ++--
 src/ui/src/configurables/base/theme-colors.ts | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/ui/src/components/mui-theme.tsx b/src/ui/src/components/mui-theme.tsx
index 5c8e183e352..6f9fee741f2 100644
--- 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
index 4abfcbd3c8a..75388a1ae31 100644
--- 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',