import "./boot"; import { ThemeProvider } from "@material-ui/styles"; import { CssBaseline, createMuiTheme } from "@material-ui/core"; import { orange, teal } from "@material-ui/core/colors"; import React from "react"; import Head from "next/head"; export const theme = createMuiTheme({ palette: { primary: { main: orange[900] }, secondary: { main: teal[400] } }, typography: { useNextVariants: true, fontFamily: '"Noto Sans JP", "Helvetica", "Arial", sans-serif' } }); const MainTheme: React.FC<{}> = ({ children }) => ( {children} ); export default MainTheme;