Skip to content

Twitch Chat Tweaks by spider1996

Write a review Install Get Stylus

Details

Authorspider1996

LicenseCC0-1.0

Categorytwitch.tv

Created

Updated

Size3.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks some Things from the Chat on Twitch.

Notes

  • Custom height for the title bar
  • Custom height for the collapse button
  • Custom background color
  • Hide collapse button
  • Hide Top gifted subs

Source code

/* ==UserStyle==
@name           Twitch Chat Tweaks
@namespace      https://userstyles.world/user/spider1996
@author         Spider1996
@description    `Tweaks some Things from the Chat on Twitch.`
@version        1.0.0
@license        CC0-1.0
@preprocessor   stylus
@var number CustomTitleHeight "Custom height for the title bar"  [49, 0, 100, 1, "px"]
@var number CollapseButtonPos "Custom height for the collapse button"  [10, 0, 100, 1, "px"]
@var text CustomBackground "Custom background color (HEX)"  "#000000"
@var checkbox DisableCollapseButton "Hide collapse button"  0
@var checkbox TopGiftedSubs "Hide top gifted Subs"  0
==/UserStyle== */
@-moz-document domain("twitch.tv") {


    /* Custom Title height and color*/
    #live-page-chat > div > div > div.Layout-sc-1xcs6mc-0.iTiPMO.chat-shell.chat-shell__expanded > div > div > div {
        height: CustomTitleHeight;
        background-color: CustomBackground !important;
    }

    /* Custom bottom color */
    #live-page-chat > div > div > div.Layout-sc-1xcs6mc-0.iTiPMO.chat-shell.chat-shell__expanded > div > div > section > div > div.Layout-sc-1xcs6mc-0.kILIqT.chat-input {
        background-color: CustomBackground !important;
    }

    /* Custom Chat box color */
    #live-page-chat > div > div > div.Layout-sc-1xcs6mc-0.iTiPMO.chat-shell.chat-shell__expanded > div > div > section > div > div.Layout-sc-1xcs6mc-0.kILIqT.chat-input {
        background-color: CustomBackground !important;
    }
    
    #WYSIWGChatInputEditor_SkipChat > div > div.chat-wysiwyg-input__editor {
        background-color: CustomBackground !important;
    }
    
    /* Custom Chat Color */
    .tw-root--theme-dark .thread-message__message:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .thread-message__timestamp:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .thread-message__warning:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .chat-line__moderation:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .chat-line__status:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .chat-list__lines .chat-line__raid:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .chat-list__lines .chat-line__bits-charity:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .user-notice-line:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .ffz-notice-line:not(.ffz-custom-color):nth-child(2n+0),
    .tw-root--theme-dark .chat-line__message:not(.chat-line--inline):not(.ffz-custom-color):nth-child(2n+0) {
        background-color: CustomBackground !important;
    }




    /* Custom collapse Button Postion */
    #f6edbe68a94c254cbaa7a05384c7fb65 > div > div.Layout-sc-1xcs6mc-0.kLMGYG.right-column__toggle-visibility.toggle-visibility__right-column.toggle-visibility__right-column--expanded {
        top: CollapseButtonPos;
    }

    #live-page-chat > div > div > div.Layout-sc-1xcs6mc-0.iTiPMO.chat-shell.chat-shell__expanded > div > div > section > div > div.Layout-sc-1xcs6mc-0.InjectLayout-sc-1i43xsx-0.chat-list--default.font-scale--default.iClcoJ > div.Layout-sc-1xcs6mc-0.InjectLayout-sc-1i43xsx-0.iWWhvN > div.scrollable-area > div.simplebar-scroll-content > div > div > div:nth-child(150) {
        background-color: white;
    }



    /* Hide right collapse Button */
    if DisableCollapseButton {
        #\38 472c156799869157c9aeea7cb6eba14 > div > div.Layout-sc-1xcs6mc-0.kLMGYG.right-column__toggle-visibility.toggle-visibility__right-column.toggle-visibility__right-column--expanded > div {
            visibility: hidden;
        }
    }
    
    /* Hide gifted subs */
    if (TopGiftedSubs) {
        #live-page-chat > div > div > div.Layout-sc-1xcs6mc-0.iTiPMO.chat-shell.chat-shell__expanded > div > div > section > div > div:nth-child(1) {
            visibility: hidden;
            height: 0;
        }
    }
}

Reviews

No reviews yet.