feat: styles for emotes and badges

1 files changed, 2 insertions, 1 deletions

diff --git a/scripts/chat.js b/scripts/chat.js
index 6f48a6b..a5ecafc 100644
--- a/scripts/chat.js
+++ b/scripts/chat.js
@@ -57,6 +57,7 @@ function addMessage(message) {
                 const badgeImg = document.createElement("img");
                 badgeImg.src = badges[b];
                 badgeImg.loading = 'lazy';
+                badgeImg.classList.add("badge");
                 elem.append(badgeImg);
             }
         }
@@ -75,7 +76,7 @@ function addMessage(message) {
     let msgWords = message.params[1].split(" ");
     for (let i = 0; i < msgWords.length; i++) {
         if (msgWords[i] in emotes) {
-            msgWords[i] = `<img src="${emotes[msgWords[i]]}" loading="lazy" alt="${msgWords[i]}" />`;
+            msgWords[i] = `<img src="${emotes[msgWords[i]]}" loading="lazy" alt="${msgWords[i]}" class="emote" />`;
         }
     }