fix: clean up lyrics implementation

src/components/Colors.tsx

@@ -63,7 +63,7 @@ function generateStyles(scheme: ColorSchemeName, highContrast: boolean) {
             color: scheme === 'dark' ? '#fff' : '#000',
         },
         trackBackground: {
-            backgroundColor: scheme === 'dark' ? '#111' : '#fff',
+            backgroundColor: scheme === 'dark' ? '#161616' : '#fff',
         },
         stackHeader: {
             color: scheme === 'dark' ? 'white' : 'black'

src/screens/modals/Lyrics/index.tsx

@@ -4,7 +4,6 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { Platform } from 'react-native';
 import BackButton from '../Player/components/Backbutton';
 import { ColoredBlurView } from '@/components/Colors';
-import NowPlaying from '@/screens/Music/overlays/NowPlaying';
 
 export default function Lyrics() {
     return (
@@ -12,7 +11,6 @@ export default function Lyrics() {
             <ColoredBlurView style={{ flex: 1 }}>
                 {Platform.OS === 'android' && (<BackButton />)}
                 <LyricsRenderer />
-                <NowPlaying inset />
             </ColoredBlurView>
         </GestureHandlerRootView>
     );

src/screens/modals/Player/components/LyricsPreview.tsx

@@ -11,7 +11,7 @@ import { LayoutChangeEvent } from 'react-native';
 import { Defs, LinearGradient, Rect, Stop, Svg } from 'react-native-svg';
 
 const Container = styled.TouchableOpacity`
-    border-radius: 8px;
+    border-radius: 12px;
     margin-top: 24px;
     margin-left: -16px;
     margin-right: -16px;
@@ -67,10 +67,10 @@ function InnerLyricsPreview() {
             onPress={handleShowLyrics}
             onLayout={handleLayoutChange}
         >
-            <Header style={defaultStyles.activeBackground}>
+            <Header style={defaultStyles.trackBackground}>
                 <HeaderInnerContainer>
-                    <LyricsIcon fill={defaultStyles.themeColor.color} />
-                    <Label style={defaultStyles.themeColor}>
+                    <LyricsIcon fill={defaultStyles.textHalfOpacity.color} />
+                    <Label style={defaultStyles.textHalfOpacity}>
                         {t('lyrics')}
                     </Label>
                 </HeaderInnerContainer>
@@ -88,7 +88,7 @@ function InnerLyricsPreview() {
                             <Stop
                                 offset="0"
                                 stopColor={defaultStyles.trackBackground.backgroundColor}
-                                stopOpacity={1}
+                                stopOpacity={0.9}
                             />
                             <Stop
                                 offset="0.75"