Add theme-color meta
This commit is contained in:
parent
2d2eea5967
commit
1c9b9743e0
1 changed files with 7 additions and 1 deletions
|
@ -1,5 +1,6 @@
|
||||||
import { MuiThemeProvider } from "@material-ui/core/styles";
|
import { MuiThemeProvider } from "@material-ui/core/styles";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
import Helmet from "react-helmet";
|
||||||
|
|
||||||
import Baseline from "../../Baseline";
|
import Baseline from "../../Baseline";
|
||||||
import createTheme from "../../theme";
|
import createTheme from "../../theme";
|
||||||
|
@ -27,6 +28,8 @@ const ThemeProvider: React.FC<ThemeProviderProps> = ({
|
||||||
localStorage.setItem("theme", (!isDark).toString());
|
localStorage.setItem("theme", (!isDark).toString());
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const theme = createTheme(isDark ? dark : light);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeContext.Provider
|
<ThemeContext.Provider
|
||||||
value={{
|
value={{
|
||||||
|
@ -34,7 +37,10 @@ const ThemeProvider: React.FC<ThemeProviderProps> = ({
|
||||||
toggleTheme
|
toggleTheme
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<MuiThemeProvider theme={createTheme(isDark ? dark : light)}>
|
<Helmet>
|
||||||
|
<meta name="theme-color" content={theme.palette.background.default} />
|
||||||
|
</Helmet>
|
||||||
|
<MuiThemeProvider theme={theme}>
|
||||||
<Baseline />
|
<Baseline />
|
||||||
{children}
|
{children}
|
||||||
</MuiThemeProvider>
|
</MuiThemeProvider>
|
||||||
|
|
Loading…
Reference in a new issue