redesigned drawer

frontend/src/App.js

@@ -3,6 +3,7 @@ import {
   BrowserRouter
 } from "react-router-dom";
 import Navbar from "./components/navigation";
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 import "./App.css";
 
@@ -10,11 +11,27 @@ import "./App.css";
 
 class App extends Component {
   render() {
+    const theme = createMuiTheme({
+      palette: {
+        primary: {
+          main: "#0B1929",
+          light: "#9daac1"
+        },
+        secondary: {
+          main: "#FFC800",
+          light: "#ffdf7b"
+        }
+      }
+    })
+
     //change basename in browserrouter if uri changes
     return (
-      <BrowserRouter basename="/simcompanies">
-        <Navbar></Navbar>
-      </BrowserRouter>
+      <ThemeProvider theme={theme}>
+        <BrowserRouter basename="/simcompanies">
+          <Navbar></Navbar>
+        </BrowserRouter>
+      </ThemeProvider>
+
     );
   }
 }