From 196931000343e9fe1281ac0a480e8d35e24dbdf1 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 27 Apr 2020 19:38:27 +0200
Subject: [PATCH] support overriding avatar background color from custom theme

---
 src/Avatar.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Avatar.js b/src/Avatar.js
index 52bdbc1a50..8084f30f33 100644
--- a/src/Avatar.js
+++ b/src/Avatar.js
@@ -77,7 +77,9 @@ export function defaultAvatarUrlForString(s) {
     }
     const colorIndex = total % defaultColors.length;
     // overwritten color value in custom themes
-    const color = defaultColors[colorIndex];
+    const cssVariable = `--avatar-background-colors_${colorIndex}`;
+    const cssValue = document.body.style.getPropertyValue(cssVariable);
+    const color = cssValue || defaultColors[colorIndex];
     let dataUrl = colorToDataURLCache.get(color);
     if (!dataUrl) {
         dataUrl = urlForColor(color);