005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
32 lines
748 B
TypeScript
32 lines
748 B
TypeScript
import { createTheme, ThemeProvider } from '@mui/material/styles';
|
|
import Button from '@mui/material/Button';
|
|
|
|
const theme = createTheme({
|
|
components: {
|
|
MuiButton: {
|
|
// Style sheet name ⚛️
|
|
styleOverrides: {
|
|
// Name of the rule
|
|
textPrimary: {
|
|
// Some CSS
|
|
background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
|
|
borderRadius: 3,
|
|
border: 0,
|
|
color: 'white',
|
|
height: 48,
|
|
padding: '0 30px',
|
|
boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default function GlobalCss() {
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<Button>Overrides CSS</Button>
|
|
</ThemeProvider>
|
|
);
|
|
}
|