Last active 3 hours ago

thejayduck revised this gist 3 hours ago. Go to revision

1 file changed, 766 insertions

sazuku.chat.css(file created)

@@ -0,0 +1,766 @@
1 + @import url("https://db.onlinewebfonts.com/c/429d7be4109ed5e4f17b52951d6f2215?family=Nirmala+UI+Bold");
2 + @import url("https://db.onlinewebfonts.com/c/9cb830e3472ffe12fb4943f3ed80832f?family=Segoe+Print+Bold");
3 + @import url("https://db.onlinewebfonts.com/c/0f7d210c713012706b12080e8d2856c4?family=Tahoma+W01+Regular");
4 +
5 + /* Official Tier Colors
6 + tier 1: rgba(30,136,229,1)
7 + tier 2: rgba(0,229,255,1)
8 + tier 3: rgb(29, 233, 182)
9 + tier 4: rgb(255, 202, 40)
10 + tier 5: rgb(245, 124, 0)
11 + tier 6: rgb(233, 30, 99)
12 + tier 7: rgb(230, 33, 23)
13 + */
14 +
15 + * {
16 + /* Name Plate Colors */
17 + --owner: #de8618;
18 + --moderator: #39addd;
19 + --member: #ba1c1d;
20 + --normal: #84a4a4;
21 +
22 + /* Donation Tiers */
23 + --tier1: #2578c2;
24 + --tier2: #00e6ff;
25 + --tier3: #38f1c3;
26 + --tier4: #fecb2f;
27 + --tier5: #f89631;
28 + --tier6: #ef3c79;
29 + --tier7: #b41a23; /* 7+ Same */
30 +
31 + --gift: #b247ba;
32 +
33 + --membership-header: #73c5af;
34 + --membership-content: #447266;
35 +
36 + --font-color: #ded4d4;
37 + --font-color-dark: #121212;
38 +
39 + /* Fonts */
40 + --segoe: "Segoe Print Bold";
41 + --nirmala: "Nirmala UI Bold";
42 + --tahoma: "Tahoma W01 Regular";
43 +
44 + --font-normal: 18px;
45 + /* --font-message: 20px; */
46 + --font-subtext: 14px;
47 +
48 + /* Others */
49 + --border: 18px;
50 +
51 + /* Badges */
52 + --badge-scale: scale(2);
53 + --badge-rotate: rotate(10deg);
54 + --badge-shadow: drop-shadow(2px 2px 2px hsla(0, 0%, 0%, 0.6));
55 +
56 + /* Padding */
57 + --padding-mini: 8px;
58 + --padding-small: 10px;
59 + --padding-normal: 12px;
60 + --padding-large: 14px;
61 + --padding-huge: 16px;
62 + --padding-megaS: 20px;
63 + --padding-mega: 25px;
64 + --padding-megaL: 35px;
65 +
66 + /* The badges are resized to 64x64, converted to webp and then base64 string is generated */
67 + /* TODO move to own CSS file */
68 + --owner-badge: url("data:image/octet-stream;base64,UklGRpQEAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSOkBAAABkHRtk2k7dX1j27bnN5nb5tDOD7gexbZt27Zt28buL9hV1ak9u6OImADK6Z67SpnYKMX0ufr9/fpaEWr+HQDO549M/lv412X+v+JpszMb+xjkQvCylIe4vhOn9oph8p4A8LmFrsAdsNm6hIUAguFM3R8A8LGVKgP82/qapPkOAPYzlT79gw+tFFXfC7AmRpY8z+HfdUzS/RC8H5ogmgzpzyaiimsdQtMZ2hKGYFy8oMYHEdbHCKpcAduGS2cQjI9lYrdDHnTmKl8B+60q18YxcOPjw5oFClyMD6t8Dfzd3Fy1rxzc0eL/xO2HNugd0vYDhFuIj38kAE6XJKJ+0L8sTkTtv0GaLqBtIpwqRbnueEAaUccvELeTjJbhZI3+zsezij0/QfyjrqSPk+HjO3h98gvy5wUkjX4qjB4hafL7KEwU0dEo9JVNisCPxrI+EXidV1Y/AkdJnvjD3kwFXbY3RLPIXNBUM8zc1yKaFHNXSVvwu7VFqrgL1oaqaKG1FN0oY66grrmxR6Qv/8vWJg+57thK9UCbbLXykWrKlfXRytT9BB8Vv1vaSD4TT1ga4IUGGXpXzE+hzEVLlq1YtWbdhk1btu3YvXf/wcNHj588cezIoQP79uzasXXzxvVrV69cvnTxvC6UgxwAVlA4IIQCAACwEQCdASpAAEAAPiEOhkIhhr9FmQYAgS2AGb548kPzz8dv1u6HzVzt1+NeYG8G/437d+AA/Q//UboD9RP1y98z0Afo1+M3yAfzL+k+kB7AHoAfsZ6nX96/YT4CP2H/cr4Dv1l//j8JUTSif4w2i8tuyy9JRFwKkeFxqIQS3hBY/kJXylykglcvIAZrfKU5Xo/HEKh9Q2AA/vgof///mNdpBEkPGEiYHQdUEfts6MjF7XjkBIJBYe27YDZJD///RF14vbNdFzJ+LS3jaTCBUQaT2+xP6sTGL+Gdpg9omV1py+GljeySFXbWcTKrxQG44h4DCryP23y2cJv//mFL6NhP4+k53/h0PHHNYLnG2aTvPlEQf/b31OvkDS6TZZ+Ip4Shoj9EHle9fMBnZHYbvILptJjyfpzubcFfT81Vl5fjHMVeePp3BNZ+j6alHmevc4omVwS/4fsL3kSv/r1uOxf/9L/zBxGr78F3/ymk/+LOS0oRRUNuGc2iW3R+rAyYBQoPxevwk6qmQVAzGkcutJIwLxi+PQ951JH71R7EW9c5SHte/+6Adf3xBVTMDsigAiGGhEnZGHhtbXwF0AHwp1EHakijSnUJYwrYSUizGRRQEoIIYRafZb5/xeP/Md5OppfE0lAswJWBpvpSLniMX/khfZwb//6kvK1Mt+//9yJNWVYqTL1LG/pCqZ/7W/ZH8quBWvcR6kJnUnO5P1Dt2R4ACgbgS2HD5EtqasS3yNChWdz5Hjj8A7aNmPjot7UrXHpYHdBccTIfiF8TyuJuTZGbiCA6j6v19KkjZrvIRKGjLY///KXaotWFxRaZaJblj+Sc0kyGGiK5qGFGs8lfe8BS3AAAAA==");
69 +
70 + --superchat-1: url("data:image/octet-stream;base64,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");
71 +
72 + --superchat-2: url("data:image/octet-stream;base64,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");
73 + }
74 +
75 + body,
76 + html {
77 + background: transparent !important;
78 + margin: 0 !important;
79 + padding: 0 !important;
80 + overflow: hidden !important;
81 + color-scheme: light dark;
82 + }
83 +
84 + yt-live-chat-server-error-message,
85 + yt-live-chat-renderer #panel-pages,
86 + yt-live-chat-action-panel-renderer,
87 + yt-live-chat-header-renderer,
88 + yt-live-chat-banner-manager,
89 + yt-live-chat-viewer-engagement-message-renderer,
90 + yt-live-chat-item-list-renderer::-webkit-scrollbar,
91 + yt-live-chat-author-badge-renderer:is([type="moderator"], [type="verified"]),
92 + yt-live-chat-text-message-renderer #author-photo,
93 + yt-live-chat-text-message-renderer #before-content-buttons,
94 + yt-live-chat-paid-message-renderer #creator-heart-button,
95 + yt-live-chat-paid-message-renderer #action-buttons,
96 + yt-live-chat-paid-message-renderer #gradient-container,
97 + yt-live-chat-item-list-renderer #gift-message-content,
98 + yt-live-chat-renderer #ticker,
99 + yt-live-chat-mode-change-message-renderer,
100 + yt-live-chat-paid-sticker-renderer #lower-bumper, /* Message that shows milestone for a type of donation from a viewer. * /
101 + #menu, /* Triple dot menu, when a message is hovered */
102 + #leaderboard-badge.yt-live-chat-paid-message-renderer,
103 + ytd-sponsorships-live-chat-header-renderer .rhs-image,
104 + ytd-sponsorships-live-chat-gift-redemption-announcement-renderer,
105 + yt-live-chat-paid-message-renderer #content:has(#message.sf-hidden) /* Hides message content div if the content is marked as hidden */ {
106 + display: none !important;
107 + padding: 0 !important;
108 + margin: 0 !important;
109 + }
110 +
111 + yt-live-chat-renderer {
112 + background: transparent !important;
113 + color: #000 !important;
114 +
115 + font-family: var(--tahoma) !important;
116 + font-size: var(--font-normal) !important;
117 + }
118 +
119 + yt-live-chat-item-list-renderer {
120 + scrollbar-width: none !important;
121 + overflow: hidden !important;
122 + }
123 +
124 + /* Base bubble style */
125 + yt-live-chat-text-message-renderer {
126 + display: flex !important;
127 + flex-direction: row !important;
128 + align-items: flex-start !important;
129 + background: transparent !important;
130 +
131 + margin: 0px var(--padding-huge) !important;
132 + padding: 2px var(--padding-large) !important;
133 + max-width: 90% !important;
134 + position: relative;
135 +
136 + animation: bounceInView 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
137 + transform-origin: bottom left;
138 + }
139 +
140 + /* Shards / Jewels etc */
141 +
142 + yt-gift-message-view-model #gift-message-v2 {
143 + display: flex !important;
144 + flex-direction: row !important;
145 + align-items: center !important;
146 + gap: var(--padding-mini) !important;
147 + max-width: 90%;
148 +
149 + background-color: var(--gift) !important;
150 + border-radius: var(--border) !important;
151 + padding: var(--padding-small) var(--padding-huge) !important;
152 +
153 + overflow: visible !important;
154 + contain: none !important;
155 + clip-path: none !important;
156 + }
157 +
158 + yt-gift-message-view-model #content {
159 + display: flex !important;
160 + flex-direction: row !important;
161 + align-items: center !important;
162 + gap: var(--padding-mini) !important;
163 + flex: 1 !important;
164 +
165 + background-color: transparent !important;
166 + border-radius: 0 !important;
167 + padding: 0 !important;
168 +
169 + overflow: visible !important;
170 + contain: none !important;
171 + clip-path: none !important;
172 + }
173 +
174 + t-gift-message-view-model #author-photo {
175 + display: block !important;
176 + flex-shrink: 0 !important;
177 + width: 24px !important;
178 + height: 24px !important;
179 + border-radius: 50% !important;
180 + }
181 +
182 + /* Name + subtext grouped left */
183 + yt-gift-message-view-model #author-name-v2,
184 + yt-gift-message-view-model #message-v2 {
185 + display: inline !important;
186 + vertical-align: baseline !important;
187 + white-space: nowrap !important;
188 + }
189 +
190 + yt-gift-message-view-model #author-name-v2 {
191 + font-family: var(--segoe) !important;
192 + font-size: var(--font-normal) !important;
193 + font-weight: 700 !important;
194 + color: #ffffff !important;
195 + }
196 +
197 + yt-gift-message-view-model #message-v2 {
198 + font-family: var(--tahoma) !important;
199 + font-size: var(--font-normal) !important;
200 + color: rgba(255, 255, 255, 0.8) !important;
201 + }
202 +
203 + /* Gift image pushed right */
204 + yt-gift-message-view-model #gift-image {
205 + display: inline-flex !important;
206 + width: 28px !important;
207 + height: 28px !important;
208 + margin-left: auto !important;
209 + flex-shrink: 0 !important;
210 + transform: scale(1.4) !important;
211 + filter: none !important;
212 + }
213 +
214 + /*
215 + * Badges (e.g. moderator, member icons)
216 + */
217 +
218 + /* Default badge setup */
219 + yt-live-chat-author-chip #chat-badges,
220 + yt-live-chat-paid-message-renderer::after {
221 + position: absolute;
222 + right: 0;
223 +
224 + /* filter: var(--badge-shadow); */
225 + /* filter: drop-shadow(0 0 0 #ded4d4) drop-shadow(1px 0 0 #ded4d4)
226 + drop-shadow(-1px 0 0 #ded4d4) drop-shadow(0 1px 0 #ded4d4)
227 + drop-shadow(0 -1px 0 #ded4d4); */
228 + filter: drop-shadow(0 0 0 #200002) drop-shadow(1px 0 0 #200002)
229 + drop-shadow(-1px 0 0 #200002) drop-shadow(0 1px 0 #200002)
230 + drop-shadow(0 -1px 0 #200002);
231 + transform: var(--badge-rotate) var(--badge-scale);
232 + transform-origin: center;
233 + }
234 +
235 + /* ? Disabled, mostly experimental */
236 + /* yt-live-chat-author-chip #chat-badges img,
237 + yt-live-chat-paid-message-renderer::after,
238 + yt-live-chat-text-message-renderer:has(.owner) #chat-badges::after {
239 + transform-origin: 70% 70%;
240 + animation: badgeWave 0.6s ease-out 0.2s 1 both;
241 + } */
242 +
243 + yt-live-chat-paid-message-renderer::after,
244 + yt-live-chat-text-message-renderer:has(.owner) #chat-badges::after {
245 + content: "";
246 + display: inline-block;
247 + background-size: contain;
248 + background-repeat: no-repeat;
249 + background-position: center;
250 +
251 + width: 18px;
252 + height: 18px;
253 + }
254 +
255 + /* Paid Message Specific Properties */
256 + yt-live-chat-paid-message-renderer::after {
257 + top: 0;
258 + right: 10px;
259 + z-index: 999999 !important;
260 + }
261 +
262 + yt-live-chat-text-message-renderer #chat-badges {
263 + top: -5px;
264 + }
265 +
266 + /* Owner Badge */
267 + yt-live-chat-text-message-renderer:has(.owner) #chat-badges::after {
268 + background-image: var(--owner-badge);
269 + vertical-align: middle;
270 + }
271 +
272 + /* Disables background color behind member badge caused by nameplate */
273 + yt-live-chat-author-chip
274 + #chat-badges
275 + yt-live-chat-author-badge-renderer[type="member"] {
276 + background-color: transparent !important;
277 + }
278 +
279 + yt-live-chat-author-badge-renderer img {
280 + border-radius: 4px;
281 + }
282 +
283 + /* Author Name Plate */
284 + yt-live-chat-text-message-renderer #author-name {
285 + /* Default Author Nameplate */
286 + background-color: var(--normal) !important;
287 + color: var(--font-color) !important;
288 +
289 + margin-bottom: 2px;
290 + padding: 0 var(--padding-large) !important;
291 + border-radius: var(--border) !important;
292 +
293 + transform-origin: 0% 45%;
294 + transform: rotate(-7deg);
295 + position: absolute;
296 + top: -8px;
297 + left: -10px;
298 +
299 + z-index: 100 !important;
300 + }
301 +
302 + #author-name {
303 + font-family: var(--segoe) !important;
304 + font-size: var(--font-normal) !important;
305 + white-space: nowrap !important;
306 + text-overflow: ellipsis !important;
307 + overflow: hidden !important;
308 + max-width: 160px !important;
309 + }
310 +
311 + /* Long name case */
312 + /* yt-live-chat-text-message-renderer #author-name::after {
313 + content: "hellofoobarbazthyp";
314 + } */
315 +
316 + /*
317 + * Author Type Name Plates
318 + */
319 +
320 + yt-live-chat-text-message-renderer #author-name.owner {
321 + background-color: var(--owner) !important;
322 + }
323 + yt-live-chat-text-message-renderer #author-name.moderator {
324 + background-color: var(--moderator) !important;
325 + }
326 + yt-live-chat-text-message-renderer #author-name.member {
327 + background-color: var(--member) !important;
328 + }
329 +
330 + /* Normal Message Wrapper */
331 + yt-live-chat-text-message-renderer #content {
332 + position: relative !important;
333 + overflow: visible !important;
334 +
335 + display: flex !important;
336 + flex-direction: column !important;
337 + gap: 2px;
338 +
339 + margin-top: var(--padding-mega) !important;
340 + padding: var(--padding-megaS) var(--padding-megaL);
341 + padding-top: 0 !important;
342 + border-radius: var(--border) !important;
343 + min-width: 120px !important;
344 +
345 + background: #ded4d4 !important;
346 + padding-bottom: var(--padding-normal);
347 + }
348 +
349 + /* Message Text */
350 + #message {
351 + font: var(--tahoma);
352 + font-size: var(--font-normal) !important;
353 + font-weight: bold !important;
354 +
355 + color: #5a4c4d !important;
356 +
357 + word-break: break-word;
358 + line-height: normal !important;
359 + }
360 +
361 + /* Links in messages */
362 + #message a {
363 + color: #5a4c4d !important;
364 + }
365 +
366 + /*
367 + * Membership Notification
368 + */
369 +
370 + yt-live-chat-membership-item-renderer {
371 + font-family: var(--segoe);
372 + margin-bottom: var(--padding-normal) !important;
373 + }
374 +
375 + ytd-sponsorships-live-chat-gift-purchase-announcement-renderer {
376 + font-family: var(--segoe);
377 + margin-bottom: 0 !important;
378 + padding-top: var(--padding-small);
379 + padding-top: var(--padding-small);
380 + }
381 +
382 + yt-live-chat-paid-sticker-renderer #chat-badges,
383 + yt-live-chat-membership-item-renderer #chat-badges,
384 + yt-live-chat-paid-message-renderer #chat-badges,
385 + ytd-sponsorships-live-chat-gift-purchase-announcement-renderer #chat-badges {
386 + display: inline-flex !important;
387 + vertical-align: middle !important;
388 +
389 + position: static !important;
390 + margin: 0 !important;
391 +
392 + transform: scale(1.4);
393 +
394 + /* The backdrop shadow has to be explicity disabled due to default chat-badge setup */
395 + filter: none !important;
396 + }
397 +
398 + yt-live-chat-membership-item-renderer #author-name,
399 + ytd-sponsorships-live-chat-gift-purchase-announcement-renderer #author-name {
400 + display: inline-block !important;
401 + vertical-align: middle !important;
402 + margin-right: var(--padding-mini) !important;
403 +
404 + color: #ffffff !important;
405 + font-size: var(--font-normal) !important;
406 + font-weight: 700 !important;
407 + }
408 +
409 + yt-live-chat-membership-item-renderer #card {
410 + border-radius: var(--border) !important;
411 + overflow: hidden !important;
412 +
413 + background-color: transparent !important;
414 + box-shadow: none !important;
415 + border: none !important;
416 + }
417 +
418 + /* Header */
419 + yt-live-chat-membership-item-renderer #header,
420 + ytd-sponsorships-live-chat-header-renderer #header {
421 + /* background-color: var(--membership-header) !important; */
422 + margin: 0 !important;
423 + padding: var(--padding-small) var(--padding-huge) !important;
424 + font-family: var(--nirmala) !important;
425 +
426 + border-radius: 0 !important;
427 + }
428 +
429 + yt-live-chat-author-chip:has(.owner),
430 + #author-name.owner {
431 + background-color: transparent !important;
432 + }
433 + /*
434 +
435 + Message in gifted subs header, ignores the font-family above.
436 +
437 + */
438 + ytd-sponsorships-live-chat-header-renderer #primary-text {
439 + font-family: var(--nirmala) !important;
440 + font-size: var(--font-subtext);
441 + }
442 +
443 + /* Membership image */
444 + ytd-sponsorships-live-chat-header-renderer #header > yt-img-shadow {
445 + display: block !important;
446 + transform: scale(1.2);
447 + /* position: absolute !important; */
448 + /* right: 0; */
449 + /* width: 128px;
450 + height: 128px; */
451 + /* transform: translateY(40%); */
452 + }
453 +
454 + ytd-sponsorships-live-chat-header-renderer #header > yt-img-shadow #img {
455 + object-fit: contain;
456 + }
457 +
458 + /* Content */
459 + yt-live-chat-membership-item-renderer #content {
460 + /* background-color: var(--membership-content) !important; */
461 + color: #ffffff !important;
462 + padding: var(--padding-mini) var(--padding-mega) !important;
463 +
464 + border-radius: 0 !important;
465 + }
466 +
467 + yt-live-chat-membership-item-renderer #header-subtext,
468 + ytd-sponsorships-live-chat-gift-purchase-announcement-renderer #primary-text {
469 + /* color: #e0f2f1 !important; */
470 + color: #fff !important;
471 + font-size: var(--font-subtext) !important;
472 + }
473 +
474 + yt-live-chat-membership-item-renderer #message {
475 + font-family: var(--tahoma);
476 + color: #ffffff !important;
477 + font-size: var(--font-normal) !important;
478 + }
479 +
480 + /* Badges */
481 + yt-live-chat-text-message-renderer #chat-badges {
482 + display: inline-flex !important;
483 + gap: 4px;
484 + margin-left: var(--padding-mini);
485 + }
486 +
487 + /*
488 + * Superchat Notification
489 + */
490 +
491 + yt-live-chat-paid-message-renderer #purchase-amount-column {
492 + margin-left: auto !important;
493 + }
494 +
495 + yt-live-chat-paid-message-renderer #header-content-primary-column {
496 + padding-right: 0 !important;
497 + }
498 +
499 + yt-live-chat-paid-sticker-renderer #author-name,
500 + yt-live-chat-paid-message-renderer #author-name {
501 + margin: 0 var(--padding-mini) 0 0 !important;
502 + }
503 +
504 + yt-live-chat-paid-message-renderer,
505 + yt-live-chat-membership-item-renderer {
506 + overflow: visible !important;
507 + contain: none !important;
508 +
509 + margin: 0px var(--padding-huge) !important;
510 + padding: var(--padding-small) var(--padding-large) !important;
511 +
512 + position: relative;
513 +
514 + /* max-width: 75%; */
515 + }
516 +
517 + yt-live-chat-paid-message-renderer #author-photo,
518 + yt-live-chat-membership-item-renderer #author-photo {
519 + margin-right: var(--padding-mini) !important;
520 + }
521 +
522 + yt-live-chat-membership-item-renderer #author-name,
523 + yt-live-chat-paid-message-renderer #author-name,
524 + yt-live-chat-paid-message-renderer #message {
525 + color: white !important;
526 + font-size: var(--font-normal) !important;
527 + min-width: 20px !important;
528 + max-width: max-content !important;
529 +
530 + white-space: normal !important;
531 + }
532 +
533 + yt-live-chat-paid-message-renderer #author-name {
534 + font-family: var(--segoe) !important;
535 + }
536 +
537 + yt-live-chat-paid-message-renderer #card {
538 + position: relative !important;
539 + overflow: visible !important;
540 + contain: none !important;
541 +
542 + border-radius: var(--border) !important;
543 + }
544 +
545 + yt-live-chat-paid-message-renderer {
546 + width: max-content;
547 + max-width: fit-content;
548 + min-width: 300px;
549 + }
550 +
551 + yt-live-chat-paid-message-renderer,
552 + yt-live-chat-paid-message-renderer #card,
553 + yt-live-chat-paid-message-renderer #header,
554 + yt-live-chat-paid-message-renderer #header-content,
555 + yt-live-chat-paid-message-renderer #header-content-primary-column,
556 + yt-live-chat-paid-message-renderer #purchase-amount-column {
557 + overflow: visible !important;
558 + contain: none !important;
559 + clip-path: none !important;
560 + }
561 +
562 + yt-live-chat-paid-message-renderer #purchase-amount {
563 + /* Temp */
564 + position: absolute !important;
565 + border: 2px solid #200002;
566 + transform: rotate(7deg);
567 + top: -20px;
568 + right: -40px;
569 + background-color: var(--tier1);
570 + filter: brightness(140%);
571 + padding: 0px var(--padding-megaS);
572 + border-radius: var(--border) !important;
573 +
574 + color: #fff !important;
575 + /* padding: 4px 5px !important; */
576 +
577 + font-family: var(--tahoma) !important;
578 + font-size: var(--font-normal) !important;
579 + font-weight: bold !important;
580 +
581 + /* Layering & Shadow */
582 + z-index: 100 !important;
583 + }
584 +
585 + yt-live-chat-paid-message-renderer #card,
586 + ytd-sponsorships-live-chat-header-renderer #header {
587 + border-radius: var(--border) !important;
588 + width: auto;
589 + }
590 +
591 + yt-live-chat-paid-message-renderer #content {
592 + font-family: var(--tahoma) !important;
593 + width: auto;
594 + padding: var(--padding-mini) var(--padding-mega) !important;
595 + }
596 +
597 + /* --- TIER 1: Blue ($1 - $5) --- */
598 + /* rgba(30,136,229,1) */
599 + yt-live-chat-paid-message-renderer[style*="30, 136, 229"],
600 + yt-live-chat-paid-message-renderer[style*="30,136,229"] {
601 + /* Header */
602 + --yt-live-chat-paid-message-header-background-color: var(--tier1) !important;
603 +
604 + /* Body */
605 + --yt-live-chat-paid-message-primary-color: var(--tier1) !important;
606 + --yt-live-chat-paid-message-secondary-color: var(--tier1) !important;
607 + }
608 + yt-live-chat-paid-message-renderer[style*="30,136,229"] #header,
609 + yt-live-chat-paid-message-renderer[style*="30, 136, 229"] #header,
610 + yt-live-chat-paid-message-renderer[style*="30,136,229"] #content,
611 + yt-live-chat-paid-message-renderer[style*="30, 136, 229"] #content,
612 + yt-live-chat-paid-message-renderer[style*="30,136,229"] #purchase-amount,
613 + yt-live-chat-paid-message-renderer[style*="30, 136, 229"] #purchase-amount {
614 + background-color: var(--tier1) !important;
615 + color: #ffffff !important;
616 + }
617 +
618 + /* Badge */
619 + /* TODO enable when Sazu finishes working on sprites */
620 + /* yt-live-chat-paid-message-renderer[style*="30,136,229"]::after,
621 + yt-live-chat-paid-message-renderer[style*="30, 136, 229"]::after {
622 + background-image: var(--superchat-1);
623 + } */
624 +
625 + /* --- TIER 2: Cyan ($5 - $10) --- */
626 + /* rgba(0,229,255,1) */
627 + yt-live-chat-paid-message-renderer[style*="0, 229, 255"],
628 + yt-live-chat-paid-message-renderer[style*="0,229,255"] {
629 + --yt-live-chat-paid-message-header-background-color: var(--tier2) !important;
630 + --yt-live-chat-paid-message-primary-color: var(--tier2) !important;
631 + --yt-live-chat-paid-message-secondary-color: var(--tier2) !important;
632 + }
633 + yt-live-chat-paid-message-renderer[style*="0,229,255"] #header,
634 + yt-live-chat-paid-message-renderer[style*="0, 229, 255"] #header,
635 + yt-live-chat-paid-message-renderer[style*="0,229,255"] #content,
636 + yt-live-chat-paid-message-renderer[style*="0, 229, 255"] #content,
637 + yt-live-chat-paid-message-renderer[style*="0,229,255"] #purchase-amount,
638 + yt-live-chat-paid-message-renderer[style*="0, 229, 255"] #purchase-amount {
639 + background-color: var(--tier2) !important;
640 + color: #000000 !important;
641 + }
642 +
643 + /* Badge */
644 + /* yt-live-chat-paid-message-renderer[style*="0,229,255"]::after,
645 + yt-live-chat-paid-message-renderer[style*="0, 229, 255"]::after {
646 + background-image: var(--superchat-2);
647 + } */
648 +
649 + /* --- TIER 3: Green ($10 - $20) --- */
650 + /* rgb(29, 233, 182) */
651 + yt-live-chat-paid-message-renderer[style*="29, 233, 182"],
652 + yt-live-chat-paid-message-renderer[style*="29,233,182"] {
653 + --yt-live-chat-paid-message-header-background-color: var(--tier3) !important;
654 + --yt-live-chat-paid-message-primary-color: var(--tier3) !important;
655 + }
656 + yt-live-chat-paid-message-renderer[style*="29, 233, 182"] #header,
657 + yt-live-chat-paid-message-renderer[style*="29,233,182"] #header,
658 + yt-live-chat-paid-message-renderer[style*="29, 233, 182"] #content,
659 + yt-live-chat-paid-message-renderer[style*="29,233,182"] #content,
660 + yt-live-chat-paid-message-renderer[style*="29, 233, 182"] #purchase-amount,
661 + yt-live-chat-paid-message-renderer[style*="29,233,182"] #purchase-amount {
662 + background-color: var(--tier3) !important;
663 + color: #000000 !important;
664 + }
665 +
666 + /* --- TIER 4: Yellow ($20 - $50) --- */
667 + /* rgb(255, 202, 40) */
668 + yt-live-chat-paid-message-renderer[style*="255, 202, 40"],
669 + yt-live-chat-paid-message-renderer[style*="255,202,40"] {
670 + --yt-live-chat-paid-message-header-background-color: var(--tier4) !important;
671 + --yt-live-chat-paid-message-primary-color: var(--tier4) !important;
672 + }
673 + yt-live-chat-paid-message-renderer[style*="255, 202, 40"] #header,
674 + yt-live-chat-paid-message-renderer[style*="255,202,40"] #header,
675 + yt-live-chat-paid-message-renderer[style*="255, 202, 40"] #content,
676 + yt-live-chat-paid-message-renderer[style*="255,202,40"] #content,
677 + yt-live-chat-paid-message-renderer[style*="255, 202, 40"] #purchase-amount,
678 + yt-live-chat-paid-message-renderer[style*="255,202,40"] #purchase-amount {
679 + background-color: var(--tier4) !important;
680 + color: #000000 !important;
681 + }
682 +
683 + /* --- TIER 5: Orange ($50 - $100) --- */
684 + /* rgb(245, 124, 0) */
685 + yt-live-chat-paid-message-renderer[style*="245, 124, 0"],
686 + yt-live-chat-paid-message-renderer[style*="245,124,0"] {
687 + --yt-live-chat-paid-message-header-background-color: var(--tier5) !important;
688 + --yt-live-chat-paid-message-primary-color: var(--tier5) !important;
689 + }
690 + yt-live-chat-paid-message-renderer[style*="245, 124, 0"] #header,
691 + yt-live-chat-paid-message-renderer[style*="245,124,0"] #header,
692 + yt-live-chat-paid-message-renderer[style*="245, 124, 0"] #content,
693 + yt-live-chat-paid-message-renderer[style*="245,124,0"] #content,
694 + yt-live-chat-paid-message-renderer[style*="245, 124, 0"] #purchase-amount,
695 + yt-live-chat-paid-message-renderer[style*="245,124,0"] #purchase-amount {
696 + background-color: var(--tier5) !important;
697 + color: #ffffff !important;
698 + }
699 +
700 + /* --- TIER 6: Magenta ($100 - $200) --- */
701 + /* rgb(233, 30, 99) */
702 + yt-live-chat-paid-message-renderer[style*="233, 30, 99"],
703 + yt-live-chat-paid-message-renderer[style*="233,30,99"] {
704 + --yt-live-chat-paid-message-header-background-color: var(--tier6) !important;
705 + --yt-live-chat-paid-message-primary-color: var(--tier6) !important;
706 + }
707 + yt-live-chat-paid-message-renderer[style*="233, 30, 99"] #header,
708 + yt-live-chat-paid-message-renderer[style*="233,30,99"] #header,
709 + yt-live-chat-paid-message-renderer[style*="233, 30, 99"] #content,
710 + yt-live-chat-paid-message-renderer[style*="233,30,99"] #content,
711 + yt-live-chat-paid-message-renderer[style*="233, 30, 99"] #purchase-amount,
712 + yt-live-chat-paid-message-renderer[style*="233,30,99"] #purchase-amount {
713 + background-color: var(--tier6) !important;
714 + color: #ffffff !important;
715 + }
716 +
717 + /* --- TIER 7: Red ($200+) --- */
718 + /* rgb(230, 33, 23) */
719 + yt-live-chat-paid-message-renderer[style*="230, 33, 23"],
720 + yt-live-chat-paid-message-renderer[style*="230,33,23"] {
721 + --yt-live-chat-paid-message-header-background-color: var(--tier7) !important;
722 + --yt-live-chat-paid-message-primary-color: var(--tier7) !important;
723 + }
724 + yt-live-chat-paid-message-renderer[style*="230, 33, 23"] #header,
725 + yt-live-chat-paid-message-renderer[style*="230,33,23"] #header,
726 + yt-live-chat-paid-message-renderer[style*="230, 33, 23"] #content,
727 + yt-live-chat-paid-message-renderer[style*="230,33,23"] #content,
728 + yt-live-chat-paid-message-renderer[style*="230, 33, 23"] #purchase-amount,
729 + yt-live-chat-paid-message-renderer[style*="230,33,23"] #purchase-amount {
730 + background-color: var(--tier7) !important;
731 + color: #ffffff !important;
732 + }
733 +
734 + /* Animations */
735 + @keyframes bounceInView {
736 + 0% {
737 + opacity: 0;
738 + transform: translate(-40px, 40px) scale(0.8);
739 + }
740 +
741 + 100% {
742 + opacity: 1;
743 + transform: translate(0, 0), scale(1);
744 + }
745 + }
746 +
747 + @keyframes badgeWave {
748 + 0% {
749 + transform: rotate(0deg);
750 + }
751 + 20% {
752 + transform: rotate(18deg);
753 + }
754 + 40% {
755 + transform: rotate(-12deg);
756 + }
757 + 60% {
758 + transform: rotate(10deg);
759 + }
760 + 80% {
761 + transform: rotate(-6deg);
762 + }
763 + 100% {
764 + transform: rotate(0deg);
765 + }
766 + }
Newer Older