UI Mechanics / New Look (orange - gray)

src/App.js

@@ -6,6 +6,7 @@ import Footer from "./components/Footer";
 import SearchPanel from "./components/SearchPanel";
 import SearchResults from "./components/SearchResults";
 import Restaurant from "./components/Restaurant";
+import Dialogs from "./components/Dialogs";
 import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
 import { useSelector } from "react-redux";
 
@@ -14,6 +15,12 @@ const theme = createMuiTheme({
     primary: {
       main: "#0e8496",
     },
+    secondary: {
+      light: "#ffffff",
+      main: "#ffffff",
+      dark: "#ffffff",
+      contrastText: "#ffffff",
+    },
   },
 });
 
@@ -37,6 +44,7 @@ function App() {
           {appMode === "search results" && <SearchResults />}
           {appMode === "restaurant" && <Restaurant />}
         </div>
+        <Dialogs />
         <Footer />
       </div>
     </ThemeProvider>