Add files via upload

css/app.css

@@ -79,8 +79,12 @@ body {
     vertical-align: middle;
 }
 
+#chat .message.bigger-emojis img.emote {
+    height: 32px;
+}
+
 #chat .message .text img.gigantify {
-    height: 84px;
+    height: 84px !important;
     display: block;
     margin: 10px 0 5px 0;
 }

index.html

@@ -65,6 +65,8 @@
 
 				<div class="setting"><label>Scroll Bar<br><small>Adds a scrollbar.</small></label></label><label class="switch"><input type="checkbox" name="chatScrollBar"><span class="slider"></span></label></div>
 
+				<div class="setting"><label>Bigger Emotes<br><small>Increases the emotes size from 22px to 32px.</small></label></label><label class="switch"><input type="checkbox" name="chatBiggerEmotes"><span class="slider"></span></label></div>
+
 				<div class="setting"></div>
 
 				<hr>

js/app.js

@@ -16,6 +16,7 @@ const chatFontSize                  = getURLParam("chatFontSize", 1);
 const chatBackground                = getURLParam("chatBackground", "#121212"); 
 const chatBackgroundOpacity         = getURLParam("chatBackgroundOpacity", 1); 
 const chatScrollBar                 = getURLParam("chatScrollBar", false); 
+const chatBiggerEmotes              = getURLParam("chatBiggerEmotes", false); 
 const chatField                     = getURLParam("chatField", false);
 const chatModeration                = getURLParam("chatModeration", false);
 
@@ -97,7 +98,7 @@ async function addMessageToChat(userID, messageID, platform, data) {
     if (ttsSpeakerBotChat == true) { ttsSpeakerBotSays(data.userName, currentLang.ttschat, data.message); }
 
     let html = DOMPurify.sanitize(`
-        <div id="${messageID}" data-user="${userID}" class="${platform} ${data.classes} message" style="">
+        <div id="${messageID}" data-user="${userID}" class="${platform} ${data.classes} ${chatBiggerEmotes == true ? 'bigger-emojis' : ''} message" style="">
             <div class="animate__animated ${chatHorizontal == true ? 'animate__fadeInRight' : 'animate__fadeInUp'} animate__faster">
 
                 ${data.classes.includes("first-message") ? '<span class="first-chatter">✨</span>' : '' }
@@ -646,4 +647,4 @@ document.addEventListener('click', function (e) {
     if (e.target !== chatcommandslist) {
         chatcommandslist.innerHTML = '';
     }
-});
+});