feat: styles for buttons

This commit is contained in:
karishmas6
2024-10-19 05:25:10 +05:30
parent 0ed2149857
commit dfe33fe18a

View File

@@ -15,10 +15,21 @@ const theme = createTheme({
MuiButton: { MuiButton: {
styleOverrides: { styleOverrides: {
root: { root: {
// Default styles for all buttons (optional)
},
containedPrimary: {
// Styles for 'contained' variant with 'primary' color
'&:hover': { '&:hover': {
backgroundColor: "#ff66d9", backgroundColor: "#ff66d9",
}, },
}, },
outlined: {
// Apply white background for all 'outlined' variant buttons
backgroundColor: "#ffffff",
'&:hover': {
backgroundColor: "#f0f0f0", // Optional lighter background on hover
},
},
}, },
}, },
MuiLink: { MuiLink: {
@@ -42,6 +53,7 @@ const theme = createTheme({
}, },
}); });
function App() { function App() {
return ( return (
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>