48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { createTheme } from "@mui/material";
|
|
import theme from "../generic";
|
|
|
|
const themePublic = createTheme({
|
|
...theme,
|
|
components: {
|
|
MuiButton: {
|
|
variants: [
|
|
{
|
|
props: {
|
|
variant: 'contained'
|
|
},
|
|
style: {
|
|
padding: '13px 20px',
|
|
borderRadius: '8px',
|
|
boxShadow: "none",
|
|
"&:active": {
|
|
backgroundColor: "#000000",
|
|
color: "#FFFFFF"
|
|
},
|
|
"&:disabled": {
|
|
color: "#9A9AAF",
|
|
border: "1px solid #9A9AAF",
|
|
},
|
|
|
|
},
|
|
},
|
|
{
|
|
props: {
|
|
variant: 'outlined'
|
|
},
|
|
style: {
|
|
padding: '10px 20px',
|
|
borderRadius: '8px',
|
|
"&:hover": {
|
|
backgroundColor: "#581CA7",
|
|
border: '1px solid #581CA7',
|
|
}
|
|
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
)
|
|
|
|
export default themePublic; |