change backdrop background color Backdrop.ts

This commit is contained in:
Muhammad Fajar
2022-11-17 11:05:02 +07:00
parent eb43ef4d87
commit ba955fc244

View File

@@ -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'