import { pink , red } from "@mui/material/colors" ; import { createTheme , Theme } from "@mui/material" ; category export const createCMSDefaultTheme = ( { mode , primaryColor , secondaryColor , fontFamily } ) : Theme => { const original = createTheme ( { palette : { mode : mode , background : { default : mode === "dark" ? "#242424" : "#f6f7f8" } , primary : { main : primaryColor || "#0070f4" } , secondary : { main : secondaryColor || pink [ "400" ] } , error : { main : red . A400 } } , typography : { fontFamily : fontFamily || "\"Rubik\", \"Roboto\", \"Helvetica\", \"Arial\", sans-serif" , fontWeightMedium : 500 , h6 : { fontWeight : 500 , fontSize : "1.15rem" } } , components : { MuiButton : { styleOverrides : { root : { borderRadius : 4 } } } , MuiTableRow : { styleOverrides : { root : { "&:last-child td" : { borderBottom : 0 } } } } , MuiTypography : { styleOverrides : { root : { "&.mono" : { fontFamily : "'Space Mono', 'Lucida Console', monospace" } , "&.weight-500" : { fontWeight : 500 } } } } , MuiInputBase : { styleOverrides : { root : { "&.mono" : { fontFamily : "'Space Mono', 'Lucida Console', monospace" } } } } } } ) ; return { ... original } ; } ;