Revize 56018f1c
Přidáno uživatelem Václav Honzík před asi 2 roky(ů)
frontend/src/features/Theme/ThemeWrapper.tsx | ||
---|---|---|
8 | 8 |
children: ReactNode |
9 | 9 |
} |
10 | 10 |
|
11 |
const ThemeWrapper: FunctionComponent<ThemeWrapperProps> = ({ children }) => { |
|
12 |
const lightThemePalette = { |
|
13 |
primary: { |
|
14 |
main: '#A28253', |
|
15 |
}, |
|
16 |
secondary: { |
|
17 |
main: '#E3DBCF', |
|
18 |
}, |
|
19 |
selected: { |
|
20 |
main: '#C0C0C0' |
|
21 |
} |
|
22 |
} |
|
11 |
export const lightThemePalette = { |
|
12 |
primary: { |
|
13 |
main: '#A28253', |
|
14 |
}, |
|
15 |
secondary: { |
|
16 |
main: '#E3DBCF', |
|
17 |
}, |
|
18 |
selected: { |
|
19 |
main: '#C0C0C0', |
|
20 |
}, |
|
21 |
} |
|
23 | 22 |
|
24 |
const darkThemePalette = {
|
|
25 |
primary: {
|
|
26 |
main: '#e0bb84',
|
|
27 |
},
|
|
28 |
secondary: {
|
|
29 |
main: '#E3DBCF',
|
|
30 |
},
|
|
31 |
}
|
|
23 |
export const darkThemePalette = {
|
|
24 |
primary: { |
|
25 |
main: '#e0bb84', |
|
26 |
}, |
|
27 |
secondary: { |
|
28 |
main: '#E3DBCF', |
|
29 |
}, |
|
30 |
} |
|
32 | 31 |
|
33 |
const getPalette = (paletteMode: PaletteMode) => { |
|
34 |
switch (paletteMode) { |
|
35 |
case 'light': |
|
36 |
return lightThemePalette |
|
37 |
case 'dark': |
|
38 |
return darkThemePalette |
|
39 |
default: |
|
40 |
return lightThemePalette |
|
41 |
} |
|
32 |
export const getPalette = (paletteMode: PaletteMode) => { |
|
33 |
switch (paletteMode) { |
|
34 |
case 'light': |
|
35 |
return lightThemePalette |
|
36 |
case 'dark': |
|
37 |
return darkThemePalette |
|
38 |
default: |
|
39 |
return lightThemePalette |
|
42 | 40 |
} |
41 |
} |
|
43 | 42 |
|
44 |
const buildTheme = (paletteMode: PaletteMode) =>
|
|
43 |
export const buildTheme = (paletteMode: PaletteMode) =>
|
|
45 | 44 |
createTheme({ |
46 | 45 |
palette: { |
47 | 46 |
mode: paletteMode, |
... | ... | |
66 | 65 |
}, |
67 | 66 |
}) |
68 | 67 |
|
68 |
const ThemeWrapper: FunctionComponent<ThemeWrapperProps> = ({ children }) => { |
|
69 |
|
|
70 |
|
|
69 | 71 |
const paletteMode = useSelector( |
70 | 72 |
(state: RootState) => state.theme.paletteMode |
71 | 73 |
) |
Také k dispozici: Unified diff
right click popup menu
re #9741