Skip to content

Commit

Permalink
CoverTheme: Fix black background on search results
Browse files Browse the repository at this point in the history
  • Loading branch information
n1ckoates committed Sep 8, 2024
1 parent f97a932 commit cd04213
Showing 1 changed file with 29 additions and 7 deletions.
36 changes: 29 additions & 7 deletions plugins/CoverTheme/src/transparent.css
Original file line number Diff line number Diff line change
Expand Up @@ -59,16 +59,38 @@ main,
overflow: hidden;
}

/* Use cover colors in album/artist/playlist overlay instead of black */
.tidal-ui__z-stack > :not(:has(div)) {
background-image: linear-gradient(
/* This looks weird when the background isn't dark, better to just remove it. */
[class^="bottomGradient"] {
display: none;
}

:root {
--cover-gradient: linear-gradient(
90deg,
rgb(var(--cover-DarkVibrant), 0.5),
rgb(var(--cover-LightVibrant), 0.5)
) !important;
);
}

/* This looks weird when the background isn't dark, better to just remove it. */
[class^="bottomGradient"] {
display: none;
/* Use cover colors in album/artist/playlist overlay */
.tidal-ui__z-stack > :not(:has(div)) {
background-image: var(--cover-gradient) !important;
}

/* Use cover colors in search results header */
[data-test="search-results-top"] {
> [class*="container--"]::before {
background-image: var(--cover-gradient);
z-index: -1;
left: -36px;
right: -36px;
height: calc(var(--topSpacing) + 50px);
}

> [class*="container--"] {
background-color: unset;
[class*="divider"] {
background-color: unset;
}
}
}

0 comments on commit cd04213

Please sign in to comment.