diff options
Diffstat (limited to 'language-web/src/main/js/index.jsx')
-rw-r--r-- | language-web/src/main/js/index.jsx | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/language-web/src/main/js/index.jsx b/language-web/src/main/js/index.jsx index 40b02b14..d73ffcdd 100644 --- a/language-web/src/main/js/index.jsx +++ b/language-web/src/main/js/index.jsx | |||
@@ -1,7 +1,8 @@ | |||
1 | import { CacheProvider } from "@emotion/react"; | ||
1 | import React from 'react'; | 2 | import React from 'react'; |
2 | import { render } from 'react-dom'; | 3 | import { render } from 'react-dom'; |
3 | import { createMuiTheme } from '@material-ui/core/styles'; | 4 | import { ThemeProvider, createTheme } from '@material-ui/core/styles'; |
4 | import { ThemeProvider } from '@material-ui/styles'; | 5 | import { getCache } from "tss-react/cache"; |
5 | 6 | ||
6 | import App from './App'; | 7 | import App from './App'; |
7 | import CssBaseline from '@material-ui/core/CssBaseline'; | 8 | import CssBaseline from '@material-ui/core/CssBaseline'; |
@@ -48,11 +49,12 @@ scope Family = 1, Person += 5..10. | |||
48 | const rootStore = new RootStore(); | 49 | const rootStore = new RootStore(); |
49 | rootStore.editorStore.updateValue(initialValue); | 50 | rootStore.editorStore.updateValue(initialValue); |
50 | 51 | ||
51 | const theme = createMuiTheme({ | 52 | const theme = createTheme({ |
52 | palette: { | 53 | palette: { |
53 | type: 'dark', | 54 | mode: 'dark', |
54 | background: { | 55 | background: { |
55 | default: '#212121', | 56 | default: '#212121', |
57 | paper: '#2f2f2f', | ||
56 | }, | 58 | }, |
57 | primary: { | 59 | primary: { |
58 | main: '#82aaff', | 60 | main: '#82aaff', |
@@ -64,12 +66,14 @@ const theme = createMuiTheme({ | |||
64 | }); | 66 | }); |
65 | 67 | ||
66 | const app = ( | 68 | const app = ( |
67 | <ThemeProvider theme={theme}> | 69 | <CacheProvider value={getCache()}> |
68 | <CssBaseline/> | 70 | <ThemeProvider theme={theme}> |
69 | <RootStoreProvider rootStore={rootStore}> | 71 | <CssBaseline/> |
70 | <App/> | 72 | <RootStoreProvider rootStore={rootStore}> |
71 | </RootStoreProvider> | 73 | <App/> |
72 | </ThemeProvider> | 74 | </RootStoreProvider> |
75 | </ThemeProvider> | ||
76 | </CacheProvider> | ||
73 | ) | 77 | ) |
74 | 78 | ||
75 | render(app, document.getElementById('app')); | 79 | render(app, document.getElementById('app')); |