Fix initials color of new avatars

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

Author: ChristophWurst

src/components/NcAvatar/NcAvatar.vue

@@ -129,7 +129,7 @@ export default {
 			:class="'avatardiv__user-status--' + userStatus.status" />
 
 		<!-- Show the letter if no avatar nor icon class -->
-		<div v-if="userDoesNotExist && !(iconClass || $slots.icon)" class="unknown">
+		<div v-if="userDoesNotExist && !(iconClass || $slots.icon)" :style="initialsStyle" class="unknown">
 			{{ initials }}
 		</div>
 	</div>
@@ -405,6 +405,12 @@ export default {
 			}
 			return style
 		},
+		initialsStyle() {
+			const { r, g, b } = usernameToColor(this.getUserIdentifier)
+			return {
+				color: `rgb(${r}, ${g}, ${b})`,
+			}
+		},
 		tooltip() {
 			if (this.disableTooltip) {
 				return false
@@ -711,7 +717,6 @@ export default {
 		width: 100%;
 		text-align: center;
 		font-weight: normal;
-		color: var(--color-main-background);
 	}
 
 	img {