Add: monochromatic theme #95

Author: sawyerf

app/contexts/theme.js

@@ -190,6 +190,46 @@ export const themes = {
 
 		barStyle: 'dark',
 	},
+	'light mono': {
+		primaryBack: '#ffffff',
+		secondaryBack: '#f2f2f2',
+		tertiaryBack: '#dcdcd4',
+
+		primaryText: '#000000',
+		secondaryText: '#808080',
+
+		primaryTouch: '#000000',
+		secondaryTouch: '#333333',
+		innerTouch: '#ffffff',
+		backgroundTouch: '#dcdcd4',
+
+		playerBackground: '#b2b2b2ff',
+		playerPrimaryText: '#000000',
+		playerSecondaryText: '#404040',
+		playerButton: '#000000',
+
+		barStyle: 'dark',
+	},
+	'dark mono': {
+		primaryBack: '#000000',
+		secondaryBack: '#1e1e1e',
+		tertiaryBack: '#2e2e2e',
+
+		primaryText: '#FFFFFF',
+		secondaryText: '#808080',
+
+		primaryTouch: '#b9b9b9ff',
+		secondaryTouch: '#B3B3B3',
+		innerTouch: '#000000',
+		backgroundTouch: '#2e2e2e',
+
+		playerBackground: '#1e1e1e',
+		playerPrimaryText: '#f5f5dc',
+		playerSecondaryText: '#808080',
+		playerButton: '#FFFFFF',
+
+		barStyle: 'light',
+	},
 }
 
 export const themesPlayer = {

app/screens/Pres/Favorited.js

@@ -14,14 +14,14 @@ import RandomButton from '~/components/button/RandomButton'
 import size from '~/styles/size'
 import SongItem from '~/components/item/SongItem'
 
-const Favorited = ({ route: { params } }) => {
+const Favorited = () => {
 	const insets = useSafeAreaInsets()
 	const theme = useTheme()
 	const [indexOptions, setIndexOptions] = React.useState(-1)
 	const { t } = useTranslation()
 	const [isOption, setIsOption] = React.useState(false)
 
-	const [favorited] = useCachedFirst(params?.favorited || [], 'getStarred2', null, (json, setData) => {
+	const [favorited] = useCachedFirst([], 'getStarred2', null, (json, setData) => {
 		setData(json?.starred2?.song || [])
 	}, [])
 

app/screens/tabs/Playlists.js

@@ -88,7 +88,7 @@ const Playlists = ({ navigation }) => {
 			</View>
 			<Pressable
 				style={({ pressed }) => ([mainStyles.opacity({ pressed }), styles.subTitleParent, { marginTop: 0 }])}
-				onPress={() => navigation.navigate('Favorited', { favorited })}
+				onPress={() => navigation.navigate('Favorited')}
 			>
 				<Icon name="heart" size={size.icon.small} color={theme.primaryTouch} style={{ marginEnd: 10 }} />
 				<Text style={[mainStyles.subTitle(theme), { flex: 1 }]}>{t('Favorited')}</Text>