From 152efeeb9961bd292960904b783b0bc7352d07e3 Mon Sep 17 00:00:00 2001
From: Ghost <31184695+GHOSCHT@users.noreply.github.com>
Date: Sat, 1 Aug 2020 16:29:29 +0200
Subject: [PATCH] Add darkmode

---
 Dashboard/app/renderer/app.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/Dashboard/app/renderer/app.js b/Dashboard/app/renderer/app.js
index 2cc3f6d..6729aad 100644
--- a/Dashboard/app/renderer/app.js
+++ b/Dashboard/app/renderer/app.js
@@ -4,17 +4,36 @@ import Test from './components/Test';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
 import rootReducer from './store/reducers';
+import CssBaseline from '@material-ui/core/CssBaseline';
+import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
+import { ThemeProvider } from '@material-ui/core/styles';
+import LampButtonList from './components/LampButtonList';
 
 const store = createStore(
   rootReducer,
   window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
 );
 
+const darkTheme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    primary: {
+      main: '#23272A',
+    },
+    secondary: {
+      main: '#7289DA',
+    },
+  },
+});
+
 const rootElement = document.querySelector(document.currentScript.getAttribute('data-container'));
 
 ReactDOM.render(
   <Provider store={store}>
-    <Test />
+    <ThemeProvider theme={darkTheme}>
+      <CssBaseline />
+      <LampButtonList />
+    </ThemeProvider>
   </Provider>,
   rootElement,
 );