Add theme-color meta

This commit is contained in:
dominik-zeglen 2019-11-12 17:07:29 +01:00
parent 2d2eea5967
commit 1c9b9743e0

View file

@ -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>