Chores: Reconsidered logo

app.json

@@ -5,8 +5,8 @@
 		"displayName": "Lissen",
 		"version": "0.1.5",
 		"orientation": "portrait",
-		"icon": "./assets/icon.png",
-		"displayLogo": "./assets/icon.png",
+		"icon": "./assets/icons8-musical-dotted/icons8-musical-100.png",
+		"displayLogo": "./assets/icons8-musical-dotted/icons8-musical-100.png",
 		"userInterfaceStyle": "light",
 		"splash": {
 			"image": "./assets/splash.png",
@@ -23,7 +23,7 @@
 			"package": "com.lissenmobile"
 		},
 		"web": {
-			"favicon": "./assets/favicon.png"
+			"favicon": "./assets/icons8-musical-dotted-favicons/web/icons8-musical-dotted-32.png"
 		},
 		"runtimeVersion": {
 			"policy": "appVersion"

src/screens/DashboardScreen/components/CenterHeader.jsx

@@ -8,7 +8,7 @@ const CenterHeader = () => {
 	return (
 		<View style={styles.title}>
 			<Image
-				source={require("../../../../assets/icon.png")}
+				source={require("../../../../assets/icons8-musical-dotted/icons8-musical-100.png")}
 				style={styles.icon}
 			/>
 			<Text style={[styles.text]}>
@@ -29,13 +29,13 @@ const styles = StyleSheet.create({
 		minWidth: "100%",
 	},
 	icon: {
-		width: 30,
-		height: 30,
-		marginRight: 8,
+		width: 35,
+		height: 35,
+		marginHorizontal: 2,
 	},
 	text: {
-		fontSize: 22,
+		fontSize: 24,
 		fontFamily: fonts.poppinsSecondary,
-		color: colors.categoryColorPrimary
+		color: colors.categoryColorPrimary,
 	},
 });