Fix Tidals New Sticky Header

This commit is contained in:
2026-02-08 00:27:54 +11:00
parent 09857b6b54
commit 56b7476e92
4 changed files with 69 additions and 26 deletions
@@ -1,11 +1,3 @@
/*
{
"name": "Abyss Neptune",
"author": "@itzzexcel",
"description": "Abyss Neptune: ShadowX Theme from Spicetify to TIDAL (17/Jan/2025)"
}
*/
/* Rounded corners for various elements */
[class*="_thumbnail_"],
[class*="_imageWrapper_"],
@@ -311,4 +303,4 @@ button[data-test="close-now-playing"]:hover {
[class^="_dataContainer_"]::before {
background-image: var(--img);
filter: blur(10px) brightness(0.4);
}
}
@@ -1,11 +1,3 @@
/*
{
"name": "Abyss Neptune - Light",
"author": "@itzzexcel",
"description": "Abyss Neptune Light Theme for TIDAL (17/Jan/2025)"
}
*/
/* Rounded corners for various elements */
[class*="_thumbnail_"],
[class*="_imageWrapper_"],
@@ -432,4 +424,4 @@ body,
[data-test="main"],
[class^="__NEPTUNE_PAGE"] {
background-color: #f5f5f5 !important;
}
}
@@ -1,11 +1,3 @@
/*
{
"name": "Abyss Neptune - OLED Friendly",
"author": "@itzzexcel",
"description": "Abyss Neptune theme without button styling for OLED displays"
}
*/
/* Rounded corners for various elements */
[class*="_thumbnail_"],
[class*="_imageWrapper_"],
@@ -228,3 +220,37 @@
background-image: var(--img);
filter: blur(10px) brightness(0.4);
}
/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */
[class*="_stickyHeader"] {
background: transparent !important;
backdrop-filter: blur(50px);
background-color: transparent !important;
width: fit-content !important;
padding-right: 3.5% !important;
-webkit-mask-image:
linear-gradient(to bottom, black 60%, transparent),
linear-gradient(to right, black 85%, transparent) !important;
mask-image:
linear-gradient(to bottom, black 60%, transparent),
linear-gradient(to right, black 85%, transparent) !important;
-webkit-mask-composite: source-in !important;
mask-composite: intersect !important;
/* border-radius: 3px 0 0 0 !important; */
padding-bottom: 5px !important;
}
[class*="_playQueueItems"]{
border-radius: 2.5px 0 0 0 !important;
}
[data-test="playqueue-sticky-clear-active-items"] {
visibility: collapse !important;
width: 0px !important;
}
[data-test="playqueue-sticky-clear-source-items"] {
visibility: collapse !important;
width: 0px !important;
}
@@ -72,3 +72,36 @@
backdrop-filter 0.3s ease-in-out,
color 0.3s ease-in-out !important;
}
/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */
[class*="_stickyHeader"] {
background: transparent !important;
backdrop-filter: blur(50px);
background-color: transparent !important;
width: fit-content !important;
padding-right: 3.5% !important;
-webkit-mask-image:
linear-gradient(to bottom, black 60%, transparent),
linear-gradient(to right, black 85%, transparent) !important;
mask-image:
linear-gradient(to bottom, black 60%, transparent),
linear-gradient(to right, black 85%, transparent) !important;
-webkit-mask-composite: source-in !important;
mask-composite: intersect !important;
/* border-radius: 3px 0 0 0 !important; */
padding-bottom: 5px !important;
}
[class*="_playQueueItems"]{
border-radius: 2.5px 0 0 0 !important;
}
[data-test="playqueue-sticky-clear-active-items"] {
visibility: collapse !important;
width: 0px !important;
}
[data-test="playqueue-sticky-clear-source-items"] {
visibility: collapse !important;
width: 0px !important;
}