Update colors

2 files changed, 23 insertions, 8 deletions

diff --git a/modern/src/common/theme/components.js b/modern/src/common/theme/components.js
index 9010626a..97643622 100644
--- a/modern/src/common/theme/components.js
+++ b/modern/src/common/theme/components.js
@@ -1,4 +1,13 @@
+import { grey } from '@mui/material/colors';
+
 export default {
+  MuiOutlinedInput: {
+    styleOverrides: {
+      root: {
+        backgroundColor: grey[50],
+      },
+    },
+  },
   MuiButton: {
     styleOverrides: {
       sizeMedium: {
diff --git a/modern/src/common/theme/palette.js b/modern/src/common/theme/palette.js
index 02261950..dc9e58e4 100644
--- a/modern/src/common/theme/palette.js
+++ b/modern/src/common/theme/palette.js
@@ -1,16 +1,22 @@
+import { amber, grey, green, indigo, red } from '@mui/material/colors';
+import { common } from '@mui/material/colors';
+
 export default {
+  background: {
+    default: grey[50],
+  },
   primary: {
-    main: '#1a237e',
+    main: indigo[900],
   },
   secondary: {
-    main: '#4caf50',
-    contrastText: '#ffffff',
+    main: green[500],
+    contrastText: common.white,
   },
   colors: {
-    white: '#ffffff',
-    positive: '#4caf50',
-    medium: '#ffa000',
-    negative: '#f44336',
-    neutral: '#9e9e9e',
+    white: common.white,
+    positive: green[500],
+    medium: amber[700],
+    negative: red[500],
+    neutral: grey[500],
   },
 };