Skip to content

change twitch live badge to channel color by qiwipanini

Screenshot of change twitch live badge to channel color
Write a review Install Get Stylus

Details

Authorqiwipanini

LicenseNo License

CategoryTwitch

Created

Updated

Size725 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

i don't like the bright red live badges! let's change 'em!!

Notes

need help installing?

  1. install the Stylus browser extension
    Stylus for Firefox
    Stylus for Chrome

  2. install the user style (this one right here!)

  3. badge changed! ( ❛ ᴗ ❛)

this user style works on the twitch.tv homepage too!

Source code

/* ==UserStyle==
@name           change twitch live badge to channel color
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    i don't like the bright red live badges! let's change 'em!!
@author         :rain:qiwipanini:
==/UserStyle== */
@-moz-document domain("twitch.tv") {
      
      /* changes live badge to channel color*/
      .xVKBI {
            display: inline-block;
            text-align: center;
            pointer-events: none;
            padding: 0px 0.5rem;
            border-radius: var(--border-radius-medium);
            font-size: var(--font-size-6);
            background-color: var(--color-accent);
            color: var(--color-text-overlay);
      }
}

/* :) */

Reviews

No reviews yet.