Merge branch 'develop' into feat/login-signup

src/theme/colors.ts

@@ -1,35 +1,33 @@
-import { blue } from '@mui/material/colors';
+import { blue, grey } from '@mui/material/colors';
 import type { Palette } from './color.type';
 
 export const PALETTE: Palette = {
   primary: {
     light: {
-      main: blue.A400,
-      dark: blue.A700,
-      light: blue.A100,
+      main: blue[400],
+      dark: blue[700],
+      light: blue[100],
       contrastText: '#FFFFFF',
     },
-    // TODO
     dark: {
-      main: '#64b5f6',
-      light: '#90caf9',
-      dark: '#42a5f5',
-      contrastText: 'rgba(0, 0, 0, 0.87)',
+      main: blue[300],
+      light: blue[100],
+      dark: blue[500],
+      contrastText: '#FFFFFF',
     },
   },
   secondary: {
     light: {
-      main: '#FF5722',
-      dark: '#E64A19',
-      light: '#FF8A65',
+      main: grey[900],
+      dark: '#000000',
+      light: grey[700],
       contrastText: '#FFFFFF',
     },
-    // TODO
     dark: {
-      main: '#ce93d8',
-      light: '#f3e5f5',
-      dark: '#ab47bc',
-      contrastText: 'rgba(0, 0, 0, 0.87)',
+      main: grey[300],
+      light: grey[100],
+      dark: grey[500],
+      contrastText: '#000000',
     },
   },
   action: {
@@ -56,12 +54,11 @@ export const PALETTE: Palette = {
       light: '#ef5350',
       contrastText: '#FFFFFF',
     },
-    // TODO
     dark: {
-      main: '#E53935',
-      dark: '#C62828',
-      light: '#EF5350',
-      contrastText: '#FFFFFF',
+      main: '#EF9A9A',
+      dark: '#E57373',
+      light: '#FFCDD2',
+      contrastText: '#000000',
     },
   },
   warning: {
@@ -71,12 +68,11 @@ export const PALETTE: Palette = {
       light: '#FF9800',
       contrastText: '#FFFFFF',
     },
-    // TODO
     dark: {
-      main: '#EF6C00',
-      dark: '#E65100',
-      light: '#FF9800',
-      contrastText: '#FFFFFF',
+      main: '#FFB74D',
+      dark: '#FFA726',
+      light: '#FFE0B2',
+      contrastText: '#000000',
     },
   },
   info: {
@@ -86,12 +82,11 @@ export const PALETTE: Palette = {
       light: '#4FC3F7',
       contrastText: '#FFFFFF',
     },
-    // TODO
     dark: {
-      main: '#29B6F6',
-      dark: '#0288D1',
-      light: '#4FC3F7',
-      contrastText: '#FFFFFF',
+      main: '#81D4FA',
+      dark: '#4FC3F7',
+      light: '#E1F5FE',
+      contrastText: '#000000',
     },
   },
   success: {
@@ -103,16 +98,16 @@ export const PALETTE: Palette = {
     },
     // TODO
     dark: {
-      main: '#43A047',
-      dark: '#1B5E20',
-      light: '#81C784',
-      contrastText: '#FFFFFF',
+      main: '#A5D6A7',
+      dark: '#66BB6A',
+      light: '#C8E6C9',
+      contrastText: '#000000',
     },
   },
   // Background colors
   background: {
     light: {
-      default: '#FAFAFA',
+      default: grey[100],
     },
     dark: {
       default: '#121212',
@@ -128,7 +123,7 @@ export const PALETTE: Palette = {
     // TODO
     dark: {
       primary: '#FFFFFF',
-      secondary: '#424242',
+      secondary: '#B0BEC5',
       disabled: '#FFFFFF38',
     },
   },