javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Dark Mode colors in new features

Browse Source
This commit is contained in:
Lei Nelissen
2022-01-02 23:02:54 +01:00
parent 611cbc8c69
commit f78db52e0a
3 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/screens/Downloads/index.tsx
View File

@@ -92,7 +92,7 @@ function Downloads() {
<DownloadIcon trackId={item} /> <DownloadIcon trackId={item} />
</View> </View>
<View style={{ flexShrink: 1, marginRight: 8 }}> <View style={{ flexShrink: 1, marginRight: 8 }}>
<Text style={{ fontSize: 16, marginBottom: 4 }} numberOfLines={1}> <Text style={[{ fontSize: 16, marginBottom: 4 }, defaultStyles.text]} numberOfLines={1}>
{tracks[item]?.Name} {tracks[item]?.Name}
</Text> </Text>
<Text style={[{ flexShrink: 1, fontSize: 11 }, defaultStyles.textHalfOpacity]} numberOfLines={1}> <Text style={[{ flexShrink: 1, fontSize: 11 }, defaultStyles.textHalfOpacity]} numberOfLines={1}>

6
src/screens/Music/stacks/components/TrackListView.tsx
View File

@@ -55,7 +55,6 @@ const TrackContainer = styled.View<{isPlaying: boolean}>`
flex-direction: row; flex-direction: row;
${props => props.isPlaying && css` ${props => props.isPlaying && css`
background-color: ${THEME_COLOR}16;
margin: 0 -20px; margin: 0 -20px;
padding: 15px 24px; padding: 15px 24px;
`} `}
@@ -140,7 +139,10 @@ const TrackListView: React.FC<TrackListViewProps> = ({
onPress={selectTrack} onPress={selectTrack}
onLongPress={longPressTrack} onLongPress={longPressTrack}
> >
<TrackContainer isPlaying={currentTrack?.backendId === trackId || false} style={defaultStyles.border}> <TrackContainer
isPlaying={currentTrack?.backendId === trackId || false}
style={[defaultStyles.border, currentTrack?.backendId === trackId || false ? defaultStyles.activeBackground : null ]}
>
<Text <Text
style={[ style={[
defaultStyles.text, defaultStyles.text,

10
src/screens/Player/components/ConnectionNotice.tsx
View File

@@ -4,10 +4,11 @@ import { THEME_COLOR } from 'CONSTANTS';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import CloudSlash from 'assets/cloud-slash.svg'; import CloudSlash from 'assets/cloud-slash.svg';
import { Text } from 'react-native'; import { Text } from 'react-native';
import { t } from '@localisation';
import useDefaultStyles from 'components/Colors';
const Well = styled.View` const Well = styled.View`
border-radius: 8px; border-radius: 8px;
background-color: ${THEME_COLOR}22;
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@@ -16,13 +17,16 @@ const Well = styled.View`
`; `;
function ConnectionNotice() { function ConnectionNotice() {
const defaultStyles = useDefaultStyles();
const { isInternetReachable } = useNetInfo(); const { isInternetReachable } = useNetInfo();
if (!isInternetReachable) { if (!isInternetReachable) {
return ( return (
<Well> <Well style={defaultStyles.activeBackground}>
<CloudSlash width={24} height={24} fill={THEME_COLOR} /> <CloudSlash width={24} height={24} fill={THEME_COLOR} />
<Text style={{ color: THEME_COLOR, marginLeft: 12 }}>You are currently offline. You can only play previously downloaded music.</Text> <Text style={{ color: THEME_COLOR, marginLeft: 12 }}>
{t('you-are-offline-message')}
</Text>
</Well> </Well>
); );
} }