Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 56018f1c

Přidáno uživatelem Václav Honzík před asi 2 roky(ů)

right click popup menu

re #9741

Zobrazit rozdíly:

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