color tweaks

use thumb for now playing bar

src/components/NowPlayingBar.tsx

@@ -27,7 +27,7 @@ const ProgressBar = () => {
 
 const progressStyles = StyleSheet.create({
   container: {
-    height: 1,
+    height: 2,
     flexDirection: 'row',
   },
   left: {
@@ -71,7 +71,7 @@ const NowPlayingBar = () => {
           PlaceholderComponent={() => <Text>hi</Text>}
           height={styles.subContainer.height}
           width={styles.subContainer.height}
-          coverArtUri={track?.artwork as string}
+          coverArtUri={track?.artworkThumb}
         />
         <View style={styles.detailsContainer}>
           <Text numberOfLines={1} style={styles.detailsTitle}>

src/components/NowPlayingLayout.tsx

@@ -93,7 +93,6 @@ const coverArtStyles = StyleSheet.create({
 
 const SongInfo = () => {
   const track = useAtomValue(currentTrackAtom)
-  console.log(track?.artist)
 
   return (
     <View style={infoStyles.container}>

src/components/common/PressableImage.tsx

@@ -38,7 +38,7 @@ const PressableImage: React.FC<{
       android_ripple={
         ripple
           ? {
-              color: 'rgba(0.5,0.5,0.5,0.26)',
+              color: 'rgba(255,255,255,0.26)',
               radius: dimensions ? dimensions.width / 2 : undefined,
             }
           : undefined

src/components/navigation/LibraryTopTabNavigator.tsx

@@ -29,7 +29,7 @@ const LibraryTopTabNavigator = () => (
         marginHorizontal: 2,
       },
       indicatorStyle: {
-        backgroundColor: colors.accent,
+        backgroundColor: colors.text.primary,
       },
     }}>
     <Tab.Screen name="Albums" component={AlbumsTab} />

src/state/trackplayer.ts

@@ -9,6 +9,7 @@ import { PromiseQueue } from '../util'
 type TrackExt = Track & {
   id: string
   queueName: string
+  artworkThumb?: string
 }
 
 type OptionalTrackExt = TrackExt | undefined