Skip to content

Commit 57d7ff0

Browse files
vortisrdvortisrd
committed
Twitch Bits & TikTok Gifts Color Changes
1 parent 41adb9b commit 57d7ff0

File tree

5 files changed

+103
-26
lines changed

5 files changed

+103
-26
lines changed

‎chat.html‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.min.css">
1414
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
1515

16-
<link rel="stylesheet" href="css/chatrd.css?nocache=9">
16+
<link rel="stylesheet" href="css/chatrd.css?nocache=10">
1717
</head>
1818
<body>
1919

@@ -99,38 +99,38 @@
9999
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js"></script>
100100
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/[email protected]/dist/streamerbot-client.min.js"></script>
101101

102-
<script src="js/speakerbot.js?nocache=9"></script>
103-
<script src="js/sb.js?nocache=9"></script>
104-
<script src="js/chatrd.js?nocache=9"></script>
102+
<script src="js/speakerbot.js?nocache=10"></script>
103+
<script src="js/sb.js?nocache=10"></script>
104+
<script src="js/chatrd.js?nocache=10"></script>
105105

106-
<link href="js/modules/twitch/module.css?nocache=9" rel="stylesheet">
107-
<script src="js/modules/twitch/module.js?nocache=9"></script>
106+
<link href="js/modules/twitch/module.css?nocache=10" rel="stylesheet">
107+
<script src="js/modules/twitch/module.js?nocache=10"></script>
108108

109-
<link href="js/modules/youtube/module.css?nocache=9" rel="stylesheet">
110-
<script src="js/modules/youtube/module.js?nocache=9"></script>
109+
<link href="js/modules/youtube/module.css?nocache=10" rel="stylesheet">
110+
<script src="js/modules/youtube/module.js?nocache=10"></script>
111111

112-
<link href="js/modules/tiktok/module.css?nocache=9" rel="stylesheet">
113-
<script src="js/modules/tiktok/module.js?nocache=9"></script>
112+
<link href="js/modules/tiktok/module.css?nocache=10" rel="stylesheet">
113+
<script src="js/modules/tiktok/module.js?nocache=10"></script>
114114

115-
<link href="js/modules/kick/module.css?nocache=9" rel="stylesheet">
116-
<script src="js/modules/kick/module.js?nocache=9"></script>
115+
<link href="js/modules/kick/module.css?nocache=10" rel="stylesheet">
116+
<script src="js/modules/kick/module.js?nocache=10"></script>
117117

118-
<link href="js/modules/streamelements/module.css?nocache=9" rel="stylesheet">
119-
<script src="js/modules/streamelements/module.js?nocache=9"></script>
118+
<link href="js/modules/streamelements/module.css?nocache=10" rel="stylesheet">
119+
<script src="js/modules/streamelements/module.js?nocache=10"></script>
120120

121-
<link href="js/modules/streamlabs/module.css?nocache=9" rel="stylesheet">
122-
<script src="js/modules/streamlabs/module.js?nocache=9"></script>
121+
<link href="js/modules/streamlabs/module.css?nocache=10" rel="stylesheet">
122+
<script src="js/modules/streamlabs/module.js?nocache=10"></script>
123123

124-
<link href="js/modules/patreon/module.css?nocache=9" rel="stylesheet">
125-
<script src="js/modules/patreon/module.js?nocache=9"></script>
124+
<link href="js/modules/patreon/module.css?nocache=10" rel="stylesheet">
125+
<script src="js/modules/patreon/module.js?nocache=10"></script>
126126

127-
<link href="js/modules/tipeeestream/module.css?nocache=9" rel="stylesheet">
128-
<script src="js/modules/tipeeestream/module.js?nocache=9"></script>
127+
<link href="js/modules/tipeeestream/module.css?nocache=10" rel="stylesheet">
128+
<script src="js/modules/tipeeestream/module.js?nocache=10"></script>
129129

130-
<link href="js/modules/kofi/module.css?nocache=9" rel="stylesheet">
131-
<script src="js/modules/kofi/module.js?nocache=9"></script>
130+
<link href="js/modules/kofi/module.css?nocache=10" rel="stylesheet">
131+
<script src="js/modules/kofi/module.js?nocache=10"></script>
132132

133-
<link href="js/modules/fourthwall/module.css?nocache=9" rel="stylesheet">
134-
<script src="js/modules/fourthwall/module.js?nocache=9"></script>
133+
<link href="js/modules/fourthwall/module.css?nocache=10" rel="stylesheet">
134+
<script src="js/modules/fourthwall/module.js?nocache=10"></script>
135135
</body>
136136
</html>

‎css/chatrd.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -766,4 +766,12 @@ body {
766766

767767
.item.chat .chatmoderation button:hover {
768768
color: #ffcc00;
769+
}
770+
771+
772+
773+
@keyframes bigStreamerBGAnimate {
774+
0% { background-position: 50% 0%; }
775+
50% { background-position: 50% 100%; }
776+
100% { background-position: 50% 0%; }
769777
}

‎js/modules/tiktok/module.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -107,4 +107,31 @@
107107

108108
#chat .event.tiktok.gift .info {
109109
margin: -5px 0 -5px 0;
110+
}
111+
112+
113+
/* GIFT CUSTOMIZATION FOR BIG STREAMERS LOL */
114+
115+
#chat .event.tiktok.gift[class*="bigger-than-"] .message {
116+
animation: bigStreamerBGAnimate 1s ease infinite;
117+
background-size: 100% 200%;
118+
}
119+
120+
#chat .event.tiktok.gift.bigger-than-1000 .message,
121+
#chat .event.tiktok.gift.bigger-than-5000 .message {
122+
background-image: linear-gradient(
123+
180deg,
124+
rgba(241,32,74, 0.75),
125+
rgba(0, 175, 255, 0.75)
126+
);
127+
}
128+
129+
#chat .event.tiktok.gift.bigger-than-10000 .message,
130+
#chat .event.tiktok.gift.bigger-than-50000 .message,
131+
#chat .event.tiktok.gift.bigger-than-10000 .message {
132+
background-image: linear-gradient(
133+
180deg,
134+
rgba(241,32,74, 0.75),
135+
rgba(255, 255, 0, 0.75)
136+
);
110137
}

‎js/modules/twitch/module.css‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,4 +91,48 @@
9191

9292
#chat .event.twitch.reward .value .gift-info {
9393
gap: 10px;
94+
}
95+
96+
97+
98+
99+
100+
101+
/* BITS CUSTOMIZATION FOR BIG STREAMERS LOL */
102+
103+
#chat .event.twitch.bits[class*="bigger-than-"] .message {
104+
animation: bigStreamerBGAnimate 1s ease infinite;
105+
background-size: 100% 200%;
106+
}
107+
108+
#chat .event.twitch.bits.bigger-than-1000 .message {
109+
background-image: linear-gradient(
110+
180deg,
111+
rgba(145, 70, 255, 0.75),
112+
rgba(0, 255, 155, 0.75)
113+
);
114+
}
115+
116+
#chat .event.twitch.bits.bigger-than-5000 .message {
117+
background-image: linear-gradient(
118+
180deg,
119+
rgba(145, 70, 255, 0.75),
120+
rgba(0, 247, 219, 0.75)
121+
);
122+
}
123+
124+
#chat .event.twitch.bits.bigger-than-10000 .message {
125+
background-image: linear-gradient(
126+
180deg,
127+
rgba(145, 70, 255, 0.75),
128+
rgba(255, 25, 25, 0.75)
129+
);
130+
}
131+
132+
#chat .event.twitch.bits.bigger-than-100000 .message {
133+
background-image: linear-gradient(
134+
180deg,
135+
rgba(145, 70, 255, 0.75),
136+
rgba(255, 255, 0, 0.75)
137+
);
94138
}

‎js/modules/twitch/module.js‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,6 @@ const bitsGifAnimations = [
3030
{ min: 100000, max: 1000000000000000, gifId: 100000 },
3131
];
3232

33-
34-
3533
const bitsGiftsClasses = [
3634
{ min: 1, max: 99, class: 'normal-gift' },
3735
{ min: 100, max: 499, class: 'bigger-than-100' },

0 commit comments

Comments
 (0)