diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index f278a8f..e31c720 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -1251,6 +1251,10 @@ html, mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 75%, transparent); } +.layout-desktop .backdropImage:after { + transition: opacity .25s; +} + .backdropImage:before { transform: scale(1.1); filter: var(--blurLargest); @@ -1261,11 +1265,24 @@ html, background: linear-gradient(0deg, var(--darkerGradientPoint), 45%, rgba(17, 24, 39, .25)); } +.layout-mobile .withSectionTabs .backgroundContainer.withBackdrop { + opacity: .9; +} + +.layout-mobile .backgroundContainer.withBackdrop { + opacity: 1; + background: var(--darkerGradientPoint); +} + .withSectionTabs .backgroundContainer.withBackdrop { background: var(--darkerGradientPoint); } -.withSectionTabs .backdropImage:after { +.layout-desktop .withSectionTabs .backdropImage:after { + opacity: 0; +} + +.layout-mobile .withSectionTabs .backdropImage:after { display: none; }