Add darkmode
This commit is contained in:
parent
760b8d06d0
commit
152efeeb99
1 changed files with 20 additions and 1 deletions
|
@ -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,
|
||||
);
|
||||
|
|
Reference in a new issue