change backdrop background color Backdrop.ts
This commit is contained in:
@@ -1,20 +1,18 @@
|
||||
import { alpha, Theme } from '@mui/material/styles';
|
||||
import { Theme } from '@mui/material/styles';
|
||||
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
export default function Backdrop(theme: Theme) {
|
||||
const varLow = alpha(theme.palette.grey[900], 0.48);
|
||||
const varHigh = alpha(theme.palette.grey[900], 1);
|
||||
|
||||
return {
|
||||
MuiBackdrop: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
background: [
|
||||
`rgb(22,28,36)`,
|
||||
`-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
|
||||
`-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
|
||||
`linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
|
||||
`rgb(33,43,54, 0.7)`,
|
||||
// `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
|
||||
// `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
|
||||
// `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
|
||||
],
|
||||
'&.MuiBackdrop-invisible': {
|
||||
background: 'transparent'
|
||||
|
||||
Reference in New Issue
Block a user