70 lines
1.2 KiB
TypeScript
70 lines
1.2 KiB
TypeScript
import {
|
|
PaletteOptions,
|
|
ThemeOptions,
|
|
createTheme,
|
|
} from "@mui/material/styles";
|
|
|
|
import colors from "@clan/colors/colors.json";
|
|
const { palette, common } = colors.ref;
|
|
|
|
const commonOptions: Partial<ThemeOptions> = {
|
|
breakpoints: {
|
|
values: {
|
|
xs: 0,
|
|
sm: 400,
|
|
md: 900,
|
|
lg: 1200,
|
|
xl: 1536,
|
|
},
|
|
},
|
|
};
|
|
|
|
const commonPalette: Partial<PaletteOptions> = {
|
|
primary: {
|
|
main: palette.green50.value,
|
|
},
|
|
secondary: {
|
|
main: palette.green50.value,
|
|
},
|
|
info: {
|
|
main: palette.blue50.value,
|
|
},
|
|
success: {
|
|
main: palette.green50.value,
|
|
},
|
|
warning: {
|
|
main: palette.yellow50.value,
|
|
},
|
|
error: {
|
|
main: palette.red50.value,
|
|
},
|
|
};
|
|
|
|
export const darkTheme = createTheme({
|
|
...commonOptions,
|
|
palette: {
|
|
mode: "dark",
|
|
...commonPalette,
|
|
background: {
|
|
default: palette.neutral2.value,
|
|
paper: palette.neutral5.value,
|
|
},
|
|
common: {
|
|
black: common.black.value,
|
|
white: common.white.value,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const lightTheme = createTheme({
|
|
...commonOptions,
|
|
palette: {
|
|
mode: "light",
|
|
...commonPalette,
|
|
background: {
|
|
default: palette.neutral98.value,
|
|
paper: palette.neutral100.value,
|
|
},
|
|
},
|
|
});
|