|
1 | | -import * as React from 'react'; |
2 | | -import { createRoot } from 'react-dom/client'; |
3 | | -import { MantineProvider, MantineThemeOverride } from '@mantine/core'; |
4 | | -import { Provider, rootStore } from '@/views/stores/RootStore'; |
5 | | -import App from '@/views/App'; |
| 1 | +import * as React from "react"; |
| 2 | +import { createRoot } from "react-dom/client"; |
| 3 | +import { MantineProvider, MantineThemeOverride } from "@mantine/core"; |
| 4 | +import { Provider, rootStore } from "@/views/stores/RootStore"; |
| 5 | +import App from "@/views/App"; |
6 | 6 |
|
7 | | -const container = document.getElementById('app')!; |
| 7 | +const container = document.getElementById("app")!; |
8 | 8 | const root = createRoot(container); // createRoot(container!) if you use TypeScript |
9 | 9 | const myTheme: MantineThemeOverride = { |
10 | | - fontFamily: 'var(--vscode-editor-font-family)', |
11 | | - colors: { |
12 | | - "merico":[ |
13 | | - "#F9F5F4", |
14 | | - "#EADAD6", |
15 | | - "#E1C0B6", |
16 | | - "#DEA594", |
17 | | - "#E1886F", |
18 | | - "#ED6A45", |
19 | | - "#D75E3C", |
20 | | - "#BD573B", |
21 | | - "#9F5541", |
22 | | - "#865143", |
23 | | - ], |
24 | | - }, |
25 | | - primaryColor: 'merico', |
26 | | - components: { |
27 | | - Text: { |
28 | | - styles: { |
29 | | - root:{ |
30 | | - fontSize: 'var(--vscode-editor-font-size)', |
31 | | - } |
32 | | - } |
| 10 | + fontFamily: "var(--vscode-editor-font-family)", |
| 11 | + colors: { |
| 12 | + merico: [ |
| 13 | + "#F9F5F4", |
| 14 | + "#EADAD6", |
| 15 | + "#E1C0B6", |
| 16 | + "#DEA594", |
| 17 | + "#E1886F", |
| 18 | + "#ED6A45", |
| 19 | + "#D75E3C", |
| 20 | + "#BD573B", |
| 21 | + "#9F5541", |
| 22 | + "#865143", |
| 23 | + ], |
| 24 | + }, |
| 25 | + primaryColor: "merico", |
| 26 | + components: { |
| 27 | + Text: { |
| 28 | + styles: { |
| 29 | + root: { |
| 30 | + fontSize: "var(--vscode-editor-font-size)", |
33 | 31 | }, |
34 | 32 | }, |
| 33 | + }, |
| 34 | + }, |
35 | 35 | }; |
36 | | - |
37 | 36 |
|
38 | 37 | root.render( |
39 | | - <MantineProvider withGlobalStyles withNormalizeCSS withCSSVariables |
40 | | - theme={myTheme}> |
41 | | - <Provider value={rootStore}> |
42 | | - <App /> |
43 | | - </Provider> |
44 | | - </MantineProvider> |
| 38 | + <MantineProvider |
| 39 | + withGlobalStyles |
| 40 | + withNormalizeCSS |
| 41 | + withCSSVariables |
| 42 | + theme={myTheme} |
| 43 | + > |
| 44 | + <Provider value={rootStore}> |
| 45 | + <App /> |
| 46 | + </Provider> |
| 47 | + </MantineProvider> |
45 | 48 | ); |
0 commit comments