From 2a84576cc575e3ad617dd0eac84b9ed92fc20e69 Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Fri, 9 Apr 2021 19:09:08 +0530
Subject: [PATCH] Configure a theme via theme.js

---
 src/index.js |  4 +++-
 src/theme.js | 20 ++++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/theme.js

diff --git a/src/index.js b/src/index.js
index e4df10d..55e7afb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,9 +4,11 @@ import "./index.css";
 import App from "./App";
 import { ThemeProvider } from "@material-ui/core";
 
+import theme from "./theme.js";
+
 ReactDOM.render(
 	<React.StrictMode>
-		<ThemeProvider>
+		<ThemeProvider theme={theme}>
 			<App />
 		</ThemeProvider>
 	</React.StrictMode>,
diff --git a/src/theme.js b/src/theme.js
new file mode 100644
index 0000000..be95f7b
--- /dev/null
+++ b/src/theme.js
@@ -0,0 +1,20 @@
+import { createMuiTheme } from "@material-ui/core/styles";
+
+const theme = createMuiTheme({
+	palette: {
+		primary: {
+			light: "#ffa4a2",
+			main: "#e57373",
+			dark: "#af4448",
+			contrastText: "#000",
+		},
+		secondary: {
+			light: "#ffeeff",
+			main: "#f8bbd0",
+			dark: "#c48b9f",
+			contrastText: "#000",
+		},
+	},
+});
+
+export default theme;