From 66512a05dd6dd375d438affd0cef2e74f430d751 Mon Sep 17 00:00:00 2001
From: nutty <nuttylmao@gmail.com>
Date: Thu, 14 May 2026 05:55:00 +1000
Subject: [PATCH] Twitch Custom Power-Ups now use the background color of the
 power-up, not a generic Purple

---
 multichat-overlay/script.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/multichat-overlay/script.js b/multichat-overlay/script.js
index 78c6ec0..4ecde50 100644
--- a/multichat-overlay/script.js
+++ b/multichat-overlay/script.js
@@ -1195,7 +1195,12 @@ async function TwitchCustomPowerUpRedemption(data) {
 	const contentDiv = instance.querySelector("#content");
 
 	// Set the card background colors
-	cardDiv.classList.add('twitch');
+	// cardDiv.classList.add('twitch');
+	const baseColor = data.custom_power_up.backgroundColor; // e.g., #3498db
+
+	// B3 = 70% opacity
+	// FF = 100% opacity
+	cardDiv.style.background = `linear-gradient(180deg, ${baseColor}B3 0%, ${baseColor}FF 100%)`;
 
 	if (showAvatar) {
 		// Render avatars