add semi-transparent background to channel name and follower count

src/page/channel/view.js

@@ -261,7 +261,7 @@ class ChannelPage extends React.PureComponent {
 
             <View style={channelPageStyle.channelHeader}>
               <Text style={channelPageStyle.channelName}>{title && title.trim().length > 0 ? title : name}</Text>
-              <Text style={channelPageStyle.followerCount}>
+              <Text style={[channelPageStyle.followerCount, subCount >= 1 ? channelPageStyle.followerCountBg : null]}>
                 {subCount === 1 && __('%follower% follower', { follower: subCount })}
                 {subCount > 1 && __('%follower% followers', { follower: subCount })}
               </Text>

src/styles/channelPage.js

@@ -64,6 +64,8 @@ const channelPageStyle = StyleSheet.create({
     color: Colors.White,
     fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
+    padding: 2,
+    backgroundColor: '#000000aa',
   },
   subscribeButtonContainer: {
     position: 'absolute',
@@ -184,6 +186,11 @@ const channelPageStyle = StyleSheet.create({
     fontSize: 12,
     color: Colors.White,
     marginTop: 2,
+    padding: 2,
+    flexWrap: 'wrap',
+  },
+  followerCountBg: {
+    backgroundColor: '#000000aa',
   },
 });