Spaces:
Running
Running
File size: 1,290 Bytes
945c6bb d378496 945c6bb d378496 945c6bb 5786921 945c6bb 5786921 945c6bb 4460085 945c6bb 5786921 4460085 5786921 945c6bb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
import { Roboto } from "next/font/google";
import { experimental_extendTheme as extendTheme } from "@mui/material/styles";
export const roboto = Roboto({
weight: ["300", "400", "500", "700"],
subsets: ["latin"],
display: "swap",
fallback: ["Helvetica", "Arial", "sans-serif"],
});
/**
* https://mui.com/material-ui/experimental-api/css-theme-variables/customization/
*
* TL;DR
* - specify both dark and light colors at once
* - extendTheme returns a theme for CssVarsProvider, not ThemeProvider
* - CssVarsProvider has a defaultMode property, set to "system" in _app.tsx
*/
const theme = extendTheme({
colorSchemes: {
light: {
palette: {
primary: {
main: "#2c90fc",
},
secondary: {
main: "#b827fc",
},
},
},
dark: {
palette: {
primary: {
main: "#2c90fc",
},
secondary: {
main: "#b827fc",
},
},
},
},
typography: {
...roboto.style,
h1: {
fontSize: "5.25em",
},
},
components: {
MuiLink: {
styleOverrides: {
root: {
textDecoration: "none",
":hover": {
textDecoration: "underline",
},
},
},
},
},
});
export default theme;
|