twitch-personal-additions.user.css

/* ==UserStyle==
@description    You should tweak this file! Replace usernames, all lower-case, as applicable.
@name           Twitch - personal additions
@namespace      github.com/openstyles/stylus
@version        1.0.1
==/UserStyle== */

@-moz-document domain("twitch.tv") {

/* CHAT TWEAKS */
/* ----------- */
/* Reduce opacity for streamer's channel bots you want to kinda-ignore */
.chat-line__message[data-user="lowercase_botname"] {opacity: 0.3;}
.chat-line__message[data-user="lowercase_botname2"] {opacity: 0.3;}
.chat-line__message[data-user="lowercase_botname3"] {opacity: 0.2;}
/* Highlight special people - BLUE background */
.chat-line__message[data-user="lowercase_username"], 
.chat-line__message[data-user="lowercase_username2"]
{background: #01029f;}
/* Highlight special people - RED background */
.chat-line__message[data-user="lowercase_username"],
.chat-line__message[data-user="lowercase_username2"]
{background: #641b1b;}

/* CUSTOM UI TWEAKS */
/* ---------------- */
/* Thinner left-sidebar */
.side-nav--collapsed:not(.side-nav--hover-exp) {width: 4rem;}
.tw-image-avatar {max-width: 90%; margin-left: 1px; }

/* Bigger channel point redeem menu */
.reward-center__content {
  height: 77vh !important;
  background-color: black  !important;
  bottom: 5px !important;
  position: absolute
}
/* and new "bits reward" stuff in 2024 */
.emote-picker__tab-content-bits-rewards {
height: 63vh  !important;
}

/* Reduce opacity of the stream's #tags */
.keFxXM {
  opacity: 0.3;
}

/* hide pokebot stuff completely */
.poketwitch {
display: none !important;
background: black !important;
}
.poketwitch__content-wrapper  {
background: black !important;
}

/* Reduce visibility of the pronouns extension */
.user-pronoun {
  color: gray;
  border-color: gray;
  font-size: 0.8em;
}

/* Reduce opacity streak messages
.jjAyLi {
  opacity: 0.3;
} */

/* eliminate caption extension */
.evMqrC {
display: none !important;
visibility: hidden !important;
}

/* Hide "reactions" nonsense */
.hljDeB {
display: none !important;
}

/* smaller "manage your sub" AND A LOT OF OTHER THINGS BY ACCIDENT */
.hLLag {
  width: 35px
}

/* Gap above description */
.lonoQi {
  margin-top: 150px !important;
}

/* hide random-pick subgifts */
button[aria-label="Gift a Sub"]{
display: none
}
  
/* remove sub nag */
.tw-mg-1.tw-border-t.tw-pd-t-1.tw-mg-b-0 {
  display: none;
}

/* FFZ STUFF - Safely Ignore this if you don't use it */
/* ---------------- */
/* Reduce opacity of blocked "XXX"s in the FFZ extension */
.ffz--blocked {
  opacity: 0.2;
}
/* ffz tweaks to popout sizes */
@media screen and (min-width: 1206px) {
  .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__tab-content,
  .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__nav-content-overflow,.emote-picker {
    max-height: 65vh !important;
    width: unset !important;
    max-width: 50rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 1205px) {
  .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__tab-content,
  .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__nav-content-overflow,.emote-picker {
    max-height: 50vh !important;
    width: unset !important;
    max-width: 50rem;
  }
}
/* fix background */
.tw-absolute.ffz-attached.ffz-attached--right.ffz-attached--up {
  background: black !important;
}
/* less star vis */
.ffz--favorite.ffz-i-star {
  opacity: 0.1;
}
/* Add a break in FFZ's emotes list */
.simplebar-content > button[data-key="BetterTTV-addon--ffzap.betterttv--global-effects"] {
  margin-bottom: 40px !important;
}
/* Reduce opacity of FFZ links next to streamer name */
.ffz--links {
  opacity: 0.3;
}
/* Increase font size in thinner windows  - FFZ */
@media screen and (max-width: 1456px) {
  .chat-line__message {
    font-size: 1.1em;
  }
}
/* Fix overlay of "Stream chat" header in portrait mode layout */
.stream-chat-header {
  z-index: 0 !important;
}
.dUREKt {
  z-index: 1 !important;
}

/* Fix FFZ popout moving */
.chat-input > div:last-child .chat-input__buttons-container {
  flex-grow: 0;
}
@media screen and (max-width: 1456px) {
  .reward-center__content {
    left:-150px;
  }
}

/* Other Stuff! */

/* hide random-pick subgifts */
button[aria-label="Gift a Sub"]{
display: none
}

/* smallify follow/unfollow */
.lmNILC {
  height: 5px !important;
  opacity: 60%;
} 

/* smallify Resubscribe */
button[aria-label="Resubscribe"],
button[aria-label="Manage Your Sub"],
button[aria-label="Continue Sub"] {
  height: 8px !important;
  width: 65px;
  opacity: 60%;
} 

/* hide scrolling top-3 donors */
.DGdsv {
  display: none;
}

/* Bigger volume slider */
.ScRangeInput-sc-q01wc3-0 {
  width: 30rem !important;
}

/* hide bits completely */
.kKpGeT:has(.ScFigure-sc-wkgzod-0),
.cFdOrq:has(.ScAnimatedNumber-sc-1iib0w9-0) {
display: none !important;
}
  
}