From 6b1b61ac93c4d631aa5b745d709b1c878923b77a Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Tue, 21 Jan 2025 09:45:10 -0800
Subject: [PATCH] New: Updated lyrics page with layout improvements and
 animations

---
 Theme/ElegantFin-theme-nightly.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 5c4fa39..bd6dfa5 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -640,6 +640,31 @@ html {
     transition: all .375s ease-in-out;
 }
 
+.lyricPage {
+    padding-inline: 1em;
+}
+
+.lyricsLine {
+    font-size: 2.5em;
+    margin: 0.5em;
+    color: var(--textColor);
+    text-align: center;
+    align-self: center;
+    font-weight: 600;
+    transition: transform .125s;
+}
+
+.pastLyric,
+.futureLyric {
+    transform: scale(.75);
+    font-weight: 400;
+    text-align: center;
+}
+
+.pastLyric {
+    opacity: .5;
+}
+
 .itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) {
     backdrop-filter: blur(.1em);
     background-color: rgb(123 123 123 / 30%) !important;