From 658003e863030ecd5a16e2553b178ff4313ba751 Mon Sep 17 00:00:00 2001
From: Rohit <rohitmpaul@gmail.com>
Date: Sat, 14 Mar 2020 13:09:27 +0530
Subject: [PATCH] group-pm: Improve the text color on group icons

Determine the color of text on group avatar by using
foregroundColorFromBackground(). This will help users to
read the text properly when the background color is light.
---
 src/common/GroupAvatar.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/common/GroupAvatar.js b/src/common/GroupAvatar.js
index 223ba9a86c9..157c15ead62 100644
--- a/src/common/GroupAvatar.js
+++ b/src/common/GroupAvatar.js
@@ -4,7 +4,7 @@ import { Text, StyleSheet, View } from 'react-native';
 
 import type { Node as React$Node } from 'react';
 import Touchable from './Touchable';
-import { colorHashFromString } from '../utils/color';
+import { colorHashFromString, foregroundColorFromBackground } from '../utils/color';
 import { initialsFromString } from '../utils/misc';
 
 const styles = StyleSheet.create({
@@ -52,6 +52,7 @@ export default class GroupAvatar extends PureComponent<Props> {
     };
     const textSize = {
       fontSize: size / 3,
+      color: foregroundColorFromBackground(frameSize.backgroundColor),
     };
 
     return (