HF 30 - Private groups - Lettered Avatar Color

src/components/elements/messages/LetteredAvatar/colors.js

@@ -1,28 +1,28 @@
 export const defaultColors = [
-    '#e25f51',// A
-    '#f26091',// B
-    '#bb65ca',// C
-    '#9572cf',// D
-    '#7884cd',// E
-    '#5b95f9',// F
-    '#48c2f9',// G
-    '#45d0e2',// H
-    '#48b6ac',// I
-    '#52bc89',// J
-    '#9bce5f',// K
-    '#d4e34a',// L
-    '#feda10',// M
-    '#f7c000',// N
-    '#ffa800',// O
-    '#ff8a60',// P
-    '#c2c2c2',// Q
+    '#e25f51',// red
+    '#f26091',// pink
+    '#bb65ca',// purple
+    '#9572cf',// blue-purple
+    '#7884cd',// blue
+    '#5b95f9',// light blue
+    '#48c2f9',// aqua
+    '#45d0e2',// aqua
+    //'#48b6ac',// aqua
+    '#52bc89',// green
+    '#9bce5f',// green
+    '#d4e34a',// green
+    '#feda10',// yellow
+    '#ff6554', // red #f7c000',// yellow
+    '#ffa800',// orange
+    '#ff8a60',// red-orange
+    //'#c2c2c2',// light dray
     '#8fa4af',// R
-    '#a2887e',// S
-    '#a3a3a3',// T
+    //'#a2887e',// brown
+    '#a3a3a3',// gray
     '#afb5e2',// U
     '#b39bdd',// V
-    '#c2c2c2',// W
+    //'#c2c2c2',// brown
     '#7cdeeb',// X
-    '#bcaaa4',// Y
-    '#add67d'// Z
+    '#c7755a', // brown //'#bcaaa4',// light-brown
+    '#add67d'// green
 ]

src/components/elements/messages/LetteredAvatar/index.jsx

@@ -68,14 +68,15 @@ class LetteredAvatar extends Component {
       lineHeight: `${size}px`,
       borderRadius: `${radius || radius === 0 ? radius : size}px`,
       fontSize: `100%`,
+      fontWeight: 550,
     };
     return (
       <div
         className={`lettered-avatar-wrapper dark`}
         style={styles}
         aria-label={name}
       >
-        <div className="lettered-avatar" style={{ fontSize }}>{initials}</div>
+        <div className="lettered-avatar" style={{ fontSize, opacity: 0.6 }}>{initials}</div>
       </div>
     );
   }