beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

add danger color to palette

Browse source
This commit is contained in:
Abhinav 2022-04-28 20:35:00 +05:30
parent fde43182ac
commit 5f35bafe96
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/darkThemeOptions.tsx
View file

@ -3,9 +3,17 @@ import { createTheme } from '@mui/material/styles';
declare module '@mui/material/styles' {
interface Palette {
accent: Palette['primary'];
danger: Palette['primary'];
}
interface PaletteOptions {
accent: PaletteOptions['primary'];
danger: PaletteOptions['primary'];
}
}
declare module '@mui/material/Button' {
export interface ButtonPropsColorOverrides {
danger: true;
}
}
@ -19,12 +27,17 @@ const darkThemeOptions = createTheme({
styleOverrides: {
root: {
color: '#fff',
'&:hover': { color: '#51cd7c' },
textDecorationColor: '#fff',
textDecoration: 'none',
'&:hover': {
color: '#fff',
textDecoration: 'underline',
textDecorationColor: '#fff',
},
},
},
},
},
palette: {
mode: 'dark',
primary: {
@ -38,12 +51,11 @@ const darkThemeOptions = createTheme({
main: '#43BA6C',
dark: '#369556',
},
background: { default: '#191919', paper: '#191919' },
grey: {
A100: '#ccc',
A200: '#777',
A400: '#4E4E4E',
danger: {
main: '#c93f3f',
},
background: { default: '#191919', paper: '#191919' },
},
});