diff --git a/public/styles.css b/public/styles.css index dfadf78..c7e884e 100644 --- a/public/styles.css +++ b/public/styles.css @@ -334,12 +334,18 @@ a:hover { border-bottom: 1px solid #313131; } linear-gradient(115deg, transparent 0 74%, rgba(0,0,0,.30) 74% 77%, transparent 77%); pointer-events: none; } -/* when a real artwork background is used, drop the generated pattern and +/* when a real artwork background is used, drop the generated pattern/blend and lay a soft vignette so the channel logo stays readable on top. */ -.channelLoading--img { background-color: #1a0509; } +.channelLoading--img { + background-color: #1a0509; + background-blend-mode: normal !important; + background-repeat: no-repeat !important; + background-size: cover !important; + background-position: center !important; +} .channelLoading--img::before { content: ""; position: absolute; inset: 0; - background: radial-gradient(circle at center, rgba(0,0,0,.15) 0%, rgba(0,0,0,.45) 100%); + background: radial-gradient(circle at center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.45) 100%); }