Rename Clean-View to Radiant-Lyrics

2026-06-18 03:43:10 +10:00 · 2025-06-03 20:40:37 +10:00
parent b3e84d08fa
commit 55b8da2064
8 changed files with 30 additions and 30 deletions
@@ -0,0 +1,144 @@
+/* Font imports for lyrics */
+@font-face {
+    font-family: "AbyssFont";
+    font-weight: 400;
+    src: url("https://excel.lexploits.top/extra/tidal/LyricsRegular.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "AbyssFont";
+    font-weight: 500;
+    src: url("https://excel.lexploits.top/extra/tidal/LyricsMedium.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "AbyssFont";
+    font-weight: 600;
+    src: url("https://excel.lexploits.top/extra/tidal/LyricsSemibold.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "AbyssFont";
+    font-weight: 700;
+    src: url("https://excel.lexploits.top/extra/tidal/LyricsBold.woff2") format("woff2");
+}
+
+/* Tab and container visibility */
+[class*="tabItems"] {
+    opacity: 0 !important;
+    transition: opacity 0.3s ease-in-out;
+}
+
+[class*="_imageContainer"] {
+    margin-top: 40px !important;
+}
+
+[class*="_tabItems"]:hover {
+    opacity: 1 !important;
+}
+
+[data-test="header-container"] {
+    opacity: 0;
+    margin: -40px;
+}
+
+/* Hide bottom gradient */
+[class^="_bottomGradient"] {
+    visibility: hidden;
+}
+
+/* Credits button positioning */
+[aria-label="Show credits"] {
+    top: calc(var(--headerHeight) + 80px);
+}
+
+/* Hide lyrics provider */
+[class^="_lyricsProvider"] {
+    visibility: hidden;
+}
+
+/* Sync button margin */
+[class^="_syncButton"] {
+    margin-bottom: 10px;
+}
+
+/* Smooth scrolling for lyrics */
+[class^="_lyricsContainer"] {
+    scroll-behavior: smooth;
+    padding-left: 20px !important;
+    padding-right: 20px !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+}
+
+/* Clean view specific styles */
+[class*="_lyricsText"] > div {
+    padding: 0 !important;
+    background-color: transparent !important;
+    transition: none !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: 100% !important;
+}
+
+[class*="_lyricsText"] > div:hover {
+    background-color: transparent !important;
+}
+
+/* Ensure lyrics don't get cut off */
+[class^="_lyricsContainer"] {
+    padding-bottom: 200px !important;
+    margin-bottom: 0 !important;
+}
+
+/* Remove any hover effects on lyrics container */
+[class^="_lyricsContainer"] > div > div {
+    background-color: transparent !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: 100% !important;
+}
+
+[class^="_lyricsContainer"] > div > div:hover {
+    background-color: transparent !important;
+}
+
+/* Ensure lyrics text has proper spacing */
+[class*="_lyricsText"] {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+}
+
+/* Lyrics text styling */
+[class^="_lyricsText"] {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    line-height: 1.6;
+}
+
+[class^="_lyricsText"] > div > span {
+    transition: all 0.3s ease;
+}
+
+[class^="_lyricsText"] > div > span[data-current="true"] {
+    font-weight: 600;
+    transform: scale(1.05);
+}
+
+/* Enhanced lyrics visibility */
+[class^="_lyricsText"] > div {
+    padding: 8px 0;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+}
+
+[class^="_lyricsText"] > div:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}