diff --git a/.common/styles/global.css b/.common/styles/global.css index 988fc25..1f4bca5 100644 --- a/.common/styles/global.css +++ b/.common/styles/global.css @@ -15,6 +15,8 @@ --error-color: #c65e5e; --mandatory-field-color: #c93f3f; --error-text-color: #c93f3f; + --danger-color: #c93f3f; + --blur-intensity: 20px; } @@ -49,6 +51,10 @@ body { gap: 0.5em; } +.setting-label { + font-weight: 500; +} + .setting-description { font-size: 0.9em; font-weight: 100; @@ -59,6 +65,17 @@ body { font-weight: 200; } +.time-pill { + background-color: #333; + color: #ccc; + border-radius: 1em; + padding: 0.2em 0.5em; + font-size: 0.8em; + font-weight: 200; + display: inline-block; + white-space: nowrap; +} + /***************/ diff --git a/.common/utils/helpers.js b/.common/utils/helpers.js index 40d508e..4c4d0f1 100644 --- a/.common/utils/helpers.js +++ b/.common/utils/helpers.js @@ -159,6 +159,15 @@ async function GetPronouns(platform, username) { } } +function RenderKickEmotes(message) { + const emoteRegex = /\[emote:(\d+):([^\]]+)\]/g; + + return message.replace(emoteRegex, (_, id, name) => { + const imgUrl = `https://files.kick.com/emotes/${id}/fullsize`; + return `${name}`; + }); +} + function GetCurrentTimeFormatted() { const now = new Date(); let hours = now.getHours(); diff --git a/multichat-overlay/script.js b/multichat-overlay/script.js index 437e1b5..d982e34 100644 --- a/multichat-overlay/script.js +++ b/multichat-overlay/script.js @@ -2303,11 +2303,11 @@ async function KickChatMessage(data) { const isReply = data.isReply; if (isReply && showMessage) { const replyUser = data.reply.sender.name; - const replyMsg = data.reply.sender.content; + const replyMsg = data.reply.content; replyDiv.style.display = 'block'; replyUserDiv.innerText = replyUser; - replyMsgDiv.innerHTML = replaceEmotes(replyMsg);; + replyMsgDiv.innerHTML = RenderKickEmotes(replyMsg); } // Set timestamp