30 lines
943 B
JavaScript
30 lines
943 B
JavaScript
import {colord} from "colord";
|
|
|
|
const theme = {
|
|
palette: {
|
|
primary: {
|
|
main: process.env.NEXT_PUBLIC_PRIMARY_MAIN,
|
|
contrastText: "#FFFFFF",
|
|
light: colord(process.env.NEXT_PUBLIC_PRIMARY_MAIN).lighten(0.3).toHex(),
|
|
dark: colord(process.env.NEXT_PUBLIC_PRIMARY_MAIN).darken(0.1).toHex(),
|
|
},
|
|
secondary: {
|
|
main: process.env.NEXT_PUBLIC_SECONDARY_MAIN,
|
|
contrastText: "#FFFFFF",
|
|
light: colord(process.env.NEXT_PUBLIC_SECONDARY_MAIN).lighten(0.3).toHex(),
|
|
dark: colord(process.env.NEXT_PUBLIC_SECONDARY_MAIN).darken(0.1).toHex(),
|
|
},
|
|
},
|
|
components: {
|
|
MuiBackdrop: {
|
|
styleOverrides: {
|
|
root: {
|
|
backgroundColor: "#02020226", // Replace with your desired backdrop color and opacity
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default theme;
|