From 16bd7e903d04344b2e48c790eff230cf57ea896b Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 18 Mar 2023 18:16:47 -0700
Subject: [PATCH] add fallback background for png webmention avatars

---
 src/_includes/webmentions.liquid | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/_includes/webmentions.liquid b/src/_includes/webmentions.liquid
index 4930efd5..501a52d4 100644
--- a/src/_includes/webmentions.liquid
+++ b/src/_includes/webmentions.liquid
@@ -11,7 +11,7 @@
                     <img
                         src={{mention.author.photo}}
                         alt={{mention.author.name}}
-                        class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
+                        class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
                         loading="lazy"
                     />
                 </a>
@@ -30,7 +30,7 @@
                     <img
                         src={{mention.author.photo}}
                         alt={{mention.author.name}}
-                        class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
+                        class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
                         loading="lazy"
                     />
                 </a>
@@ -48,7 +48,7 @@
                 <img
                     src={{mention.author.photo}}
                     alt={{mention.author.name}}
-                    class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300"
+                    class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300"
                     loading="lazy"
                 />
                 <div class="ml-3">