99 lines
2.0 KiB
JavaScript
99 lines
2.0 KiB
JavaScript
import { createTheme, responsiveFontSizes } from "@mui/material/styles";
|
|
|
|
import overrides from "./overrides";
|
|
import {
|
|
AcidGreen,
|
|
Chamoisee,
|
|
Cultured,
|
|
DavysGray,
|
|
OuterSpaceCrayola,
|
|
SeaGreenCrayola,
|
|
VioletColorWheel,
|
|
White,
|
|
} from "./Colors";
|
|
|
|
// Main layout
|
|
export const getMainTheme = (mode) => ({
|
|
palette: {
|
|
mode,
|
|
...(mode === "light"
|
|
? {
|
|
// palette values for light mode
|
|
|
|
primary: {
|
|
main: Chamoisee,
|
|
contrastText: White,
|
|
},
|
|
secondary: {
|
|
main: White,
|
|
contrastText: White,
|
|
},
|
|
divider: Chamoisee,
|
|
background: {
|
|
default: Chamoisee,
|
|
paper: Chamoisee,
|
|
},
|
|
text: {
|
|
primary: White,
|
|
secondary: White,
|
|
},
|
|
}
|
|
: {
|
|
// palette values for dark mode
|
|
primary: {
|
|
main: OuterSpaceCrayola,
|
|
contrastText: AcidGreen,
|
|
},
|
|
secondary: {
|
|
main: AcidGreen,
|
|
contrastText: AcidGreen,
|
|
},
|
|
divider: AcidGreen,
|
|
background: {
|
|
default: OuterSpaceCrayola,
|
|
paper: OuterSpaceCrayola,
|
|
},
|
|
text: {
|
|
primary: Cultured,
|
|
secondary: Cultured,
|
|
},
|
|
}),
|
|
lightAccent: { main: VioletColorWheel },
|
|
darkAccent: { main: SeaGreenCrayola },
|
|
contrastThreshold: 3,
|
|
tonalOffset: 0.2,
|
|
},
|
|
components: {
|
|
...overrides,
|
|
},
|
|
});
|
|
|
|
// Landing page
|
|
export const getLandingWhite = (theme) =>
|
|
responsiveFontSizes(
|
|
createTheme({
|
|
typography: {
|
|
fontFamily: "Yeon Sung",
|
|
transform: "matrix(1, 0, 0, 1, 0, 0)",
|
|
},
|
|
palette: {
|
|
mode: theme.palette.mode,
|
|
...(theme.palette.mode === "light"
|
|
? {
|
|
background: {
|
|
default: DavysGray,
|
|
paper: DavysGray,
|
|
},
|
|
text: {
|
|
primary: White,
|
|
secondary: White,
|
|
},
|
|
}
|
|
: {}),
|
|
},
|
|
components: {
|
|
...overrides,
|
|
},
|
|
}),
|
|
);
|