diff --git a/frontend/src/theme.js b/frontend/src/theme.js
new file mode 100644
index 00000000..13b47d64
--- /dev/null
+++ b/frontend/src/theme.js
@@ -0,0 +1,57 @@
+import React from 'react';
+import { createMuiTheme } from '@material-ui/core/styles';
+
+const theme = createMuiTheme({
+	palette: {
+		primary: {
+			main: "#f85a3e"
+    },
+    secondary: {
+      main: '#e8eaf6',
+    },
+		text: {
+			secondary: "rgba(255,255,255,0.7)",
+		},
+		surfaceColor: "#27292d",
+		inputColor: "#383B40",
+		borderRadius: 5,
+		textFieldStyle: {
+			backgroundColor: "#383B40",
+			borderRadius: 5,
+		},
+		innerTextfieldStyle: {
+			color: "white",
+			minHeight: 50, 
+			marginLeft: "5px",
+			maxWidth: "95%",
+			fontSize: "1em",
+			borderRadius: 5,
+		}
+   },
+   typography: { 
+			"fontFamily": `"Roboto", "Helvetica", "Arial", sans-serif`,
+      useNextVariants: true,
+			h1: {
+				fontSize: 40,
+			},
+			h4: {
+				fontSize: 30,
+				fontWeight: 500,
+			},
+			h6: {
+				fontSize: 22,
+			},
+			body1: {
+				fontSize: 18,
+			},
+   },
+	overrides: {
+		MuiMenu: {
+			list: {
+				backgroundColor: "#383B40",
+			},
+		},
+	},
+});
+
+export default theme;