tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

change backdrop background color Backdrop.ts

Browse Source
This commit is contained in:
Muhammad Fajar
2022-11-17 11:05:02 +07:00
parent eb43ef4d87
commit ba955fc244
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/client-portal/src/theme/overrides/Backdrop.ts
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) { export default function Backdrop(theme: Theme) {
const varLow = alpha(theme.palette.grey[900], 0.48);
const varHigh = alpha(theme.palette.grey[900], 1);
return { return {
MuiBackdrop: { MuiBackdrop: {
styleOverrides: { styleOverrides: {
root: { root: {
background: [ background: [
`rgb(22,28,36)`, `rgb(33,43,54, 0.7)`,
`-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`, // `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
`-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`, // `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
`linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)` // `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
], ],
'&.MuiBackdrop-invisible': { '&.MuiBackdrop-invisible': {
background: 'transparent' background: 'transparent'