Skip to content

SimpleTwitch by Wrynchas

Screenshot of SimpleTwitch

Details

AuthorWrynchas

LicenseNo License

Categorytwitch.tv

Created

Updated

Size3.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Show a cleaner design, with animations for feedback and hide unneeded elements.

Notes

  • More readable chat
  • Channel avatar hidden*
  • Gift/Bits panel hidden*
  • Predictions hidden*
  • Stream tags hidden*
  • "LIVE" panel on avatar hidden*
  • Featured Carousel hidden*
  • Hide Viewer Count*
  • Hype Train hidden*
  • Modern avatars
  • Channel list hover animation

*Can be enabled/disabled

Source code

/* ==UserStyle==
@name           SimpleTwitch
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    More minimalistic style to Twitch
@author         Wrynch
@preprocessor   stylus

@var checkbox gift "Show Gift/Bits Chat Bar" 0
@var checkbox under1 "Show Channel Panels" 0
@var checkbox predict "Show Predictions" 0
@var checkbox tags "Show Stream Tags" 0
@var checkbox avatar "Show Streamer Avatar" 0
@var checkbox liveMsg "Show 'Live' panel on stream Avatar (requires avatar shown)" 0
@var checkbox featured "Show Featured Carousel" 0
@var checkbox hypeTrain "Show Hype Train" 0
@var checkbox viewerCount "Show Viewer Count" 1
==/UserStyle== */
@-moz-document domain("twitch.tv") {
	/* Codeí... */
	.jaGgya {
		display: block;
		if gift=="0" {
			display: none !important;
		}
	}
	.channel-panels {
		display: block;
		if under1=="0" {
			display: none !important;
		}
	}
	.front-page-carousel {
		display: block;
		if featured=="0" {
			display: none !important;
		}
	}
	.community-highlight-stack__backlog-card {
		display: block;
		if hypeTrain=="0" {
			display: none !important;
		}
	}
	.eiWnhl {
		display: block;
		if tags=="0" {
			display: none !important;
		}
	}
	.side-nav-card__live-status {
		display: block;
		if viewerCount=="0" {
			display: none !important;
		}
	}
	.ScPositionCorner-sc-1shjvnv-1 {
		display: none;
	}
	.side-nav-card__avatar {
		border-radius: 10px !important
	}
	.chat-room__content {
		transform: scale(.95);
	}
	.chat-line__message {
		background: #292626;
		border: 5px solid #18181b;
		border-radius: 12px;
		margin-left: 1%;
		margin-right: 1%
	}
	.ScCoreButtonPrimary-sc-ocjdkq-1 {
		background: none;
		border: 1px solid #8b4ed8;
	}

	.bTKXKk {
		background: none !important;
		border: 1px solid #8b4ed8;
	}
	.chat-line__message:hover {
		background: #363232 !important;
		border-radius: 8px !important;
		transform: scale(1.1);
	}
	.tw-image-avatar {
		border-radius: 6px !important;
	}
	.side-nav-card:hover {
		transform: scale(1.1);
	}
	.user-avatar-card__live {
		display: block;
		if liveMsg=="0" {
			display: none !important;
		}
	}
	.Layout-sc-1xcs6mc-0 .elZcx {
		display: block;
		if avatar=="0" {
			display: none !important;
		}
	}
	.community-highlight-stack__card {
		display: block;
		if predict=="0" {
			display: none !important;
		}
	}
	.hrCKmD {
		--color-accent: #FA292900;
	}
	.side-nav-section {
		transform: scale(.95);
		margin-top: -5%;
	}

	.followed-side-nav-header > button > div > div > p {
		display: none
	}
	.followed-side-nav-header > button {
		background: #35353b;
		border-radius: 8px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.followed-side-nav-header > button > div > div {
		margin-top: 5px;
	}
	.hNxqXE .side-nav-section {
		display: none;
	}
	.side-nav-card__link {
		margin-top: 3%;
	}
	.tw-input--large {
		background: none;
	}
	.tw-combo-input__button-icon--large {
		background: none;
	}
	.Layout-sc-1xcs6mc-0 .hjmDKV {
		background: none;
		border: 1px solid #8b4ed8;
		border-radius: 8px;
	}
	.ScBody-sc-mx5axi-3 {
		display: none;
	}
	.kjqhqn {
		display: table-row-group;
		width: 7.2rem;
		height: 7.2rem;
		position: relative;
		padding: 0.2rem;
		border-width: 0rem;
		border-radius: 12px;
		background-color: rgba(255, 255, 255, 0);
		border-style: unset;
	}
}

Reviews

No reviews yet.