zactopus' Twitch Tweaks by zaccolley

/* ==UserStyle==
@name         zactopus' Twitch Tweaks
@version      20211021.23.40
@namespace    userstyles.world/user/zaccolley
@description  Removes annoying things on Twitch like recommendations, hype trains, extensions etc...
@author       zaccolley
@license      No License
==/UserStyle== */

@-moz-document domain("twitch.tv") {
/* chat */
/* remove the : */
[data-test-selector="chat-message-separator"] {
  display: none !important;
}
.chat-line__username-container {
  margin-right: 0.5em;
}

/* remove icon next to chat */
.chat-input__badge-carousel {
  display: none !important;
}
[data-test-selector="chat-input"] {
  padding-left: 1rem !important;
}
}

@-moz-document domain("twitch.tv") {
/* hide elements */
[data-zactopus-twitch-tweaks-hidden="true"], /* my custom js hiding thing */
[data-a-target="share-button"], /* share button under stream */
.top-nav__prime, /* prime notifications */
.hype-train-fail__container, /* hype train  */
.extension-view__iframe, /* prime loot thing */
.find-me.tw-relative, /* recommendations */
.channel-leaderboard, /* leaderboard things in chat */
.side-nav-search-input, /* friends search bar */
.front-page-carousel, /* homepage carousel */
[aria-label="Recommended Channels"], /* recommend channels */
[data-a-target="esports-link"], /* links */
[data-a-target="music-link"],
[data-a-target="ellipsis-button"],
.navigation-link__left-border,
[data-a-target="top-nav-get-bits-button"], /* get bits button */
.collapse-toggle, /* collapse button */
.side-nav-show-more-toggle__button, /* show more buttons bottom left */
.chat-badge:not([aria-label='Moderator badge']):not([aria-label="VIP badge"]):not([aria-label="Role badge"]):not([aria-label="Broadcaster badge"]):not(.bttv-chat-badge):not([src="https://static-cdn.jtvnw.net/badges/v1/4b76d5f2-91cc-4400-adf2-908a1e6cfd1e/1"]):not([src="https://static-cdn.jtvnw.net/badges/v1/e33d8b46-f63b-4e67-996d-4a7dcec0ad33/1"]), /* non-mod, non-vip badges, non-role badge, non-broadcaster, non-bot, non-prediction badge */
[aria-label="Bits"][data-a-target="bits-button"], /* non-mod non-vip badges */
[data-test-selector="subscribe-button__dropdown"], /* sub button */
[data-a-target="side-nav-live-status"], /* hide viewer counts in nav */
[data-a-target="animated-channel-viewers-count"], /* viewer count */
[d="M5 7a5 5 0 116.192 4.857A2 2 0 0013 13h1a3 3 0 013 3v2h-2v-2a1 1 0 00-1-1h-1a3.99 3.99 0 01-3-1.354A3.99 3.99 0 017 15H6a1 1 0 00-1 1v2H3v-2a3 3 0 013-3h1a2 2 0 001.808-1.143A5.002 5.002 0 015 7zm5 3a3 3 0 110-6 3 3 0 010 6z"], /* viewer count icon */
.tw-channel-status-text-indicator, /* live badge on video player */
.tw-halo__indicator, /* hide subs in chat */
.extensions-dock-card, /* hide extensions */
.tw-media-card-stat, /* remove view count on media card */
[data-test-selector="chat-room-header-label"], /* 'stream chat' header */
#channel-points-reward-center-header h5, /* channel point window header */
[data-target="following__follow-games-cta"], /* follow games cta */
[class*="ScDropDownMenuSeparator-sc-"], /* dropdown menu links */
[data-test-selector="user-menu-dropdown__friends-link"],
[data-test-selector="user-menu-dropdown__subscriptions-link"],
[data-a-target="inventory-dropdown-link"],
[data-test-selector="user-menu-dropdown__payments-link"],
[data-test-selector="user-menu-dropdown__language-link"],
[data-a-target="consent-dropdown-menu"],
[data-test-selector="user-menu-dropdown__avatar"],
[data-test-selector="user-menu-dropdown__display-name"],
[data-a-target="online-status"],
.community-highlight-stack__backlog-card:empty { /* hide empty community highlight container */
display: none !important;
}
}

@-moz-document domain("twitch.tv") {
/* pink colours */
.tw-root--theme-dark,
:root {
  --color-accent: #e082e3;
  --color-twitch-purple: #e082e3;
  --color-twitch-purple-1: #471248;
  --color-twitch-purple-2: #5e1c60;
  --color-twitch-purple-3: #792c7b;
  --color-twitch-purple-4: #903d93;
  --color-twitch-purple-5: #9f48a2;
  --color-twitch-purple-6: #b056b3;
  --color-twitch-purple-7: #b45bb7;
  --color-twitch-purple-8: #cb6ece;
  --color-twitch-purple-9: #e082e3;
  --color-twitch-purple-10: #e7a4ea;
  --color-twitch-purple-11: #f7cef9;
  --color-twitch-purple-12: #e3bde6;
  --color-twitch-purple-13: #f7c9f9;
  --color-twitch-purple-14: #f1ccf2;
  --color-twitch-purple-15: #ebc8ec;
  /* the following are alpha versions of --color-twitch-purple-7 */
  --color-opac-p-1: rgba(139, 41, 142, 0.05);
  --color-opac-p-2: rgba(139, 41, 142, 0.1);
  --color-opac-p-3: rgba(139, 41, 142, 0.15);
  --color-opac-p-4: rgba(139, 41, 142, 0.2);
  --color-opac-p-5: rgba(139, 41, 142, 0.25);
  --color-opac-p-6: rgba(139, 41, 142, 0.3);
  --color-opac-p-7: rgba(139, 41, 142, 0.4);
  --color-opac-p-8: rgba(139, 41, 142, 0.5);
  --color-opac-p-9: rgba(139, 41, 142, 0.6);
  --color-opac-p-10: rgba(139, 41, 142, 0.7);
  --color-opac-p-11: rgba(139, 41, 142, 0.75);
  --color-opac-p-12: rgba(139, 41, 142, 0.8);
  --color-opac-p-13: rgba(139, 41, 142, 0.85);
  --color-opac-p-14: rgba(139, 41, 142, 0.9);
  --color-opac-p-15: rgba(139, 41, 142, 0.95);

  --color-text-button-primary: black;
}

.tw-root--theme-dark .navigation-link.active,
.tw-root--theme-dark .navigation-link:hover {
  color: var(--color-twitch-purple-9);
}

.tw-root--theme-dark .navigation-link__active-indicator {
  background: var(--color-twitch-purple-8);
}
}

@-moz-document domain("twitch.tv") {
/* gay logo animation */
.tw-animated-glitch-logo {
  animation: rainbowRotate 5s linear infinite;
}

[points="26 25 30 21 30 10 14 10 14 25 18 25 18 29 22 25"] {
  fill: var(--color-background-base);
}

@keyframes rainbowRotate {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
}

@-moz-document domain("twitch.tv") {
/* other */
/* nav shadow */
.top-nav__menu {
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15) !important;
}

/* remove placeholder from search */
[aria-label="Search Input"]::placeholder {
  color: transparent !important;
}

/* search box border */
.tw-combo-input__input {
  margin-right: 0 !important;
}

/* stream borders */
.stream-chat-header {
  border-bottom: none !important;
}
.channel-root__right-column > div {
  border-left: none !important;
}
.channel-info-content > div > div {
  border-top: none !important;
}
[data-test-selector="extension_panel_selector"] > div {
  border: none !important;
}
}