diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index ed5f97c..e67fee8 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -996,9 +996,29 @@ html { mask: var(--ditheringMask); } */ +.backdropImage { + /* mask-image: url("data:image/svg+xml;utf8,"); + mask-repeat: no-repeat; + mask-position: top right; + mask-size: contain; + + -webkit-mask-image: url("data:image/svg+xml;utf8,"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: top right; + -webkit-mask-size: contain; */ + aspect-ratio: 16 / 9; + background-position: top; + background-size: 100% auto; + mask-size: 100% auto; + mask-repeat: no-repeat; + mask-position: top; + /* mask-image: url("data:image/svg+xml;utf8,"); */ + mask: var(--itemBackdropMask); +} + .backgroundContainer.withBackdrop { - opacity: .98; - background: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPointAlpha) 100%); + opacity: 1; + background: linear-gradient(0deg, var(--darkerGradientPoint), transparent 100%); } /* .backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent):after {