standarize button styles
This commit is contained in:
parent
c9f48b0324
commit
f4f4ad8868
|
@ -1,22 +1,35 @@
|
||||||
import { createTheme } from '@mui/material/styles';
|
import {
|
||||||
|
createTheme,
|
||||||
|
PaletteColor,
|
||||||
|
PaletteColorOptions,
|
||||||
|
} from '@mui/material/styles';
|
||||||
|
|
||||||
declare module '@mui/material/styles' {
|
declare module '@mui/material/styles' {
|
||||||
interface Palette {
|
interface Palette {
|
||||||
accent: Palette['primary'];
|
accent: PaletteColor;
|
||||||
danger: Palette['primary'];
|
danger: PaletteColor;
|
||||||
|
negative: PaletteColor;
|
||||||
}
|
}
|
||||||
interface PaletteOptions {
|
interface PaletteOptions {
|
||||||
accent: PaletteOptions['primary'];
|
accent?: PaletteColorOptions;
|
||||||
danger: PaletteOptions['primary'];
|
danger?: PaletteColorOptions;
|
||||||
|
negative?: PaletteColorOptions;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
declare module '@mui/material/Button' {
|
declare module '@mui/material/Button' {
|
||||||
export interface ButtonPropsColorOverrides {
|
export interface ButtonPropsColorOverrides {
|
||||||
|
accent: true;
|
||||||
danger: true;
|
danger: true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
declare module '@mui/material/ToggleButtonGroup' {
|
||||||
|
export interface ToggleButtonGroupPropsColorOverrides {
|
||||||
|
negative: true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Create a theme instance.
|
// Create a theme instance.
|
||||||
const darkThemeOptions = createTheme({
|
const darkThemeOptions = createTheme({
|
||||||
components: {
|
components: {
|
||||||
|
@ -39,11 +52,26 @@ const darkThemeOptions = createTheme({
|
||||||
MuiMenu: {
|
MuiMenu: {
|
||||||
styleOverrides: { paper: { margin: '10px' } },
|
styleOverrides: { paper: { margin: '10px' } },
|
||||||
},
|
},
|
||||||
|
MuiButton: {
|
||||||
|
styleOverrides: {
|
||||||
|
root: {
|
||||||
|
fontSize: '18px',
|
||||||
|
lineHeight: '21.78px',
|
||||||
|
padding: '16px',
|
||||||
|
color: '#fff',
|
||||||
|
textTransform: 'none',
|
||||||
|
borderRadius: '8px',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
palette: {
|
palette: {
|
||||||
mode: 'dark',
|
mode: 'dark',
|
||||||
primary: {
|
primary: {
|
||||||
|
main: 'hsla(0, 0%, 11%, 1)',
|
||||||
|
},
|
||||||
|
negative: {
|
||||||
main: '#fff',
|
main: '#fff',
|
||||||
},
|
},
|
||||||
text: {
|
text: {
|
||||||
|
|
Loading…
Reference in a new issue