41 lines
662 B
JavaScript
41 lines
662 B
JavaScript
|
import defaultTheme from "./default";
|
||
|
|
import { createTheme } from "@material-ui/core/styles";
|
||
|
|
|
||
|
|
const prefersDarkMode = false;
|
||
|
|
|
||
|
|
const overrides = {
|
||
|
|
palette: {
|
||
|
|
type: prefersDarkMode ? "dark" : "light"
|
||
|
|
},
|
||
|
|
typography: {
|
||
|
|
h1: {
|
||
|
|
fontSize: "3rem"
|
||
|
|
},
|
||
|
|
h2: {
|
||
|
|
fontSize: "2rem"
|
||
|
|
},
|
||
|
|
h3: {
|
||
|
|
fontSize: "1.64rem"
|
||
|
|
},
|
||
|
|
h4: {
|
||
|
|
fontSize: "1.5rem"
|
||
|
|
},
|
||
|
|
h5: {
|
||
|
|
fontSize: "1.285rem"
|
||
|
|
},
|
||
|
|
h6: {
|
||
|
|
fontSize: "1.142rem"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const themes = {
|
||
|
|
default: createTheme({
|
||
|
|
...defaultTheme,
|
||
|
|
...overrides,
|
||
|
|
palette: { ...defaultTheme.palette, ...overrides.palette }
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
export default themes;
|