From 6981cc8315992129ab09563801fa56740cd1706b Mon Sep 17 00:00:00 2001
From: meowarex <info@atomix.one>
Date: Mon, 9 Feb 2026 19:36:58 +1100
Subject: [PATCH] Removed Small Header BG

---
 .../obsidian-theme-luna/src/dark-theme.css    | 40 +++++++++++++++++++
 .../obsidian-theme-luna/src/light-theme.css   | 40 +++++++++++++++++++
 .../obsidian-theme-luna/src/oled-friendly.css |  6 +++
 plugins/radiant-lyrics-luna/src/styles.css    |  7 ++++
 4 files changed, 93 insertions(+)

diff --git a/plugins/obsidian-theme-luna/src/dark-theme.css b/plugins/obsidian-theme-luna/src/dark-theme.css
index 7e135bf..43976f6 100644
--- a/plugins/obsidian-theme-luna/src/dark-theme.css
+++ b/plugins/obsidian-theme-luna/src/dark-theme.css
@@ -303,4 +303,44 @@ button[data-test="close-now-playing"]:hover {
 [class^="_dataContainer_"]::before {
 	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;
+}
+
+
+/* Remove the background color from the small header */
+[class*="_smallHeader"]::before {
+	background-color: transparent !important;
 }
\ No newline at end of file
diff --git a/plugins/obsidian-theme-luna/src/light-theme.css b/plugins/obsidian-theme-luna/src/light-theme.css
index cde3d04..c14ffad 100644
--- a/plugins/obsidian-theme-luna/src/light-theme.css
+++ b/plugins/obsidian-theme-luna/src/light-theme.css
@@ -424,4 +424,44 @@ body,
 [data-test="main"],
 [class^="__NEPTUNE_PAGE"] {
 	background-color: #f5f5f5 !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;
+}
+
+
+/* Remove the background color from the small header */
+[class*="_smallHeader"]::before {
+	background-color: transparent !important;
 }
\ No newline at end of file
diff --git a/plugins/obsidian-theme-luna/src/oled-friendly.css b/plugins/obsidian-theme-luna/src/oled-friendly.css
index 523a560..fd822fd 100644
--- a/plugins/obsidian-theme-luna/src/oled-friendly.css
+++ b/plugins/obsidian-theme-luna/src/oled-friendly.css
@@ -254,3 +254,9 @@
 	visibility: collapse !important;
 	width: 0px !important;
 }
+
+
+/* Remove the background color from the small header */
+[class*="_smallHeader"]::before {
+	background-color: transparent !important;
+}
\ No newline at end of file
diff --git a/plugins/radiant-lyrics-luna/src/styles.css b/plugins/radiant-lyrics-luna/src/styles.css
index d1656b4..a94d983 100644
--- a/plugins/radiant-lyrics-luna/src/styles.css
+++ b/plugins/radiant-lyrics-luna/src/styles.css
@@ -73,6 +73,7 @@
 		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;
@@ -104,4 +105,10 @@
 [data-test="playqueue-sticky-clear-source-items"] {
 	visibility: collapse !important;
 	width: 0px !important;
+}
+
+
+/* Remove the background color from the small header */
+[class*="_smallHeader"]::before {
+	background-color: transparent !important;
 }
\ No newline at end of file