From c9ed8c750e18964c1bf9d233a327e3d0888ecd7a Mon Sep 17 00:00:00 2001
From: Anthony Lavado <anthony@lavado.ca>
Date: Wed, 19 Aug 2020 15:11:57 -0400
Subject: [PATCH] Merge pull request #1823 from thornbill/extra-blury

Set background color on blurhash image load

(cherry picked from commit 5a2c0beec571b45b7ce666d1128866f057d2e89e)
Signed-off-by: Joshua M. Boniface <joshua@boniface.me>
---
 src/components/images/imageLoader.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/images/imageLoader.js b/src/components/images/imageLoader.js
index 069d32fb8b..2bdfd49b0f 100644
--- a/src/components/images/imageLoader.js
+++ b/src/components/images/imageLoader.js
@@ -87,6 +87,9 @@ import 'css!./style';
             requestAnimationFrame(() => {
                 if (elem.tagName !== 'IMG') {
                     elem.style.backgroundImage = "url('" + url + "')";
+                    if (elem.classList.contains('blurhashed')) {
+                        elem.style.backgroundColor = '#fff';
+                    }
                 } else {
                     elem.setAttribute('src', url);
                 }
@@ -108,6 +111,7 @@ import 'css!./style';
         if (elem.tagName !== 'IMG') {
             url = elem.style.backgroundImage.slice(4, -1).replace(/"/g, '');
             elem.style.backgroundImage = 'none';
+            elem.style.backgroundColor = null;
         } else {
             url = elem.getAttribute('src');
             elem.setAttribute('src', '');