From 6ccb14f362b0bbde8c011d9c7b43619d53afe016 Mon Sep 17 00:00:00 2001
From: angel <sillyangel3@gmail.com>
Date: Thu, 19 Jun 2025 20:48:19 +0000
Subject: [PATCH] refactor: update lyric display styles for improved visual
 consistency

---
 app/components/FullScreenPlayer.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/FullScreenPlayer.tsx b/app/components/FullScreenPlayer.tsx
index 4a97a96..33c8e8e 100644
--- a/app/components/FullScreenPlayer.tsx
+++ b/app/components/FullScreenPlayer.tsx
@@ -344,7 +344,7 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
                 <button
                   onClick={() => setShowLyrics(!showLyrics)}
                   className={`p-2 hover:bg-gray-700/50 rounded-full transition-colors ${
-                    showLyrics ? 'text-primary' : 'text-gray-500'
+                    showLyrics ? 'text-foreground' : 'text-gray-500'
                   }`}
                   title={showLyrics ? 'Hide Lyrics' : 'Show Lyrics'}
                 >
@@ -382,10 +382,10 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
                         data-lyric-index={index}
                         className={`text-sm lg:text-base leading-relaxed transition-all duration-300 break-words ${
                           index === currentLyricIndex
-                            ? 'text-primary font-semibold text-lg lg:text-xl scale-105'
+                            ? 'text-foreground font-semibold text-lg lg:text-xl scale-105'
                             : index < currentLyricIndex
-                            ? 'text-primary/60'
-                            : 'text-primary/40'
+                            ? 'text-foreground/60'
+                            : 'text-foreground/40'
                         }`}
                         style={{ 
                           wordWrap: 'break-word',