feat: use participant id for avatar color

android/app/.classpath

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin/default"/>
+</classpath>

android/app/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1

android/sdk/.classpath

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin/default"/>
+</classpath>

android/sdk/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1

react/features/always-on-top/AlwaysOnTop.js

@@ -5,7 +5,7 @@ import React, { Component } from 'react';
 // We need to reference these files directly to avoid loading things that are not available
 // in this environment (e.g. JitsiMeetJS or interfaceConfig)
 import StatelessAvatar from '../base/avatar/components/web/StatelessAvatar';
-import { getInitials } from '../base/avatar/functions';
+import { getAvatarColor, getInitials } from '../base/avatar/functions';
 
 import Toolbar from './Toolbar';
 
@@ -24,6 +24,7 @@ type State = {
     displayName: string,
     formattedDisplayName: string,
     isVideoDisplayed: boolean,
+    userID: string,
     visible: boolean
 };
 
@@ -50,6 +51,7 @@ export default class AlwaysOnTop extends Component<*, State> {
             displayName: '',
             formattedDisplayName: '',
             isVideoDisplayed: true,
+            userID: '',
             visible: true
         };
 
@@ -132,7 +134,8 @@ export default class AlwaysOnTop extends Component<*, State> {
             avatarURL,
             displayName,
             formattedDisplayName,
-            isVideoDisplayed
+            isVideoDisplayed,
+            userID
         });
     }
 
@@ -175,7 +178,7 @@ export default class AlwaysOnTop extends Component<*, State> {
      * @returns {ReactElement}
      */
     _renderVideoNotAvailableScreen() {
-        const { avatarURL, displayName, formattedDisplayName, isVideoDisplayed } = this.state;
+        const { avatarURL, displayName, formattedDisplayName, isVideoDisplayed, userID } = this.state;
 
         if (isVideoDisplayed) {
             return null;
@@ -185,6 +188,7 @@ export default class AlwaysOnTop extends Component<*, State> {
             <div id = 'videoNotAvailableScreen'>
                 <div id = 'avatarContainer'>
                     <StatelessAvatar
+                        color = { getAvatarColor(userID) }
                         id = 'avatar'
                         initials = { getInitials(displayName) }
                         url = { avatarURL } />)

react/features/base/avatar/components/Avatar.js

@@ -175,13 +175,14 @@ class Avatar<P: Props> extends PureComponent<P, State> {
  * @returns {Props}
  */
 export function _mapStateToProps(state: Object, ownProps: Props) {
-    const { displayName, participantId } = ownProps;
+    const { colorBase, displayName, participantId } = ownProps;
     const _participant = participantId && getParticipantById(state, participantId);
     const _initialsBase = (_participant && _participant.name) || displayName;
 
     return {
         _initialsBase,
-        _loadableAvatarUrl: _participant && _participant.loadableAvatarUrl
+        _loadableAvatarUrl: _participant && _participant.loadableAvatarUrl,
+        colorBase: !colorBase && _participant ? _participant.id : colorBase
     };
 }