feat: refactor palette to have secondary color as grey

Author: timurbazhirov

src/theme/palette/index.ts

@@ -1,17 +1,32 @@
-/* Legacy Exabyte.io: primary - main: "#1056BE", dark: "#0A3677", light: "#0A6EBD" */
-const palette = {
+// Note: https://bareynol.github.io/mui-theme-creator/#Dialog can be used to preview theme changes
+
+const primaryColorConfig = {
+    main: "#5b37c0",
+    // To be better readable on dark backgrounds
+    lighter: "#7c5fcd",
+};
+
+const secondaryColorConfig = {
+    main: "#757575",
+};
+
+const primaryAndSecondaryColorOptionsLight = {
     primary: {
-        main: "#3F2A98",
-        dark: "#00114A",
-        light: "#533AC0",
-        contrastText: "#FFFFFF",
+        main: primaryColorConfig.main,
     },
     secondary: {
-        main: "#03DAC6",
-        dark: "#018786",
-        light: "#23E0CF",
-        contrastText: "#FFFFFF",
+        main: secondaryColorConfig.main,
+    },
+};
+const primaryAndSecondaryColorOptionsDark = {
+    primary: {
+        main: primaryColorConfig.lighter,
+    },
+    secondary: {
+        main: secondaryColorConfig.main,
     },
+};
+const otherColorOptions = {
     success: {
         main: "#72E128",
         dark: "#64C623",
@@ -69,4 +84,14 @@ const palette = {
     },
 };
 
-export default palette;
+export const paletteLight = {
+    type: "light",
+    ...otherColorOptions,
+    ...primaryAndSecondaryColorOptionsLight,
+};
+
+export const paletteDark = {
+    type: "dark",
+    ...otherColorOptions,
+    ...primaryAndSecondaryColorOptionsDark,
+};