Skip to content

Distraction Free Youtube by arv by arv_anshul

Screenshot of Distraction Free Youtube by arv
Homepage Write a review Install Get Stylus

Details

Authorarv_anshul

LicenseMIT

Categoryyoutube

Created

Updated

Size8.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Features:

  1. Recommendation panel removed.
  2. Description panel improved.
  3. Comments are collapsed by-default.
  4. Remove mindless scrolling method.

Notes

This is Upgraded Version.

Source code

/* ==UserStyle==
@name           Distraction Free Youtube by arv
@namespace      github.com/arv-anshul/
@version        2.6.0
@description    New Ultimate Distraction Free, Enhanced UI/UX with font changing configuration theme for Youtube.com
@author         arv-anshul

Extensions to use:
	- Enhancer for YouTube. [Enable all ON Theater Mode]
	- Sponsor Blocker.
	- Channel Blocker.
	- Video Speed Control.

Inspiration - Stylus CSS Theme:
	- Youtube My Theme + Stylus
	- the unbeveling
	- Youtube Dark [somthing like that for sidebar]

@advanced dropdown sans-font "Font" {
	merriweather "Merriweather Sans" <<<EOT 'Merriweather Sans' EOT;
	default "# Defualt #" <<<EOT unset EOT;
	custom "# Custom #" <<<EOT /*[[custom-sans-font]]*\/ EOT;
	yt-sans "Youtube Sans" <<<EOT 'Youtube Sans' EOT;
	poppins "Poppins" <<<EOT 'Poppins' EOT;
	baloo "Baloo 2" <<<EOT 'Baloo 2' EOT;
	katari "Katari" <<<EOT 'Katari' EOT;
	gotu "Gotu" <<<EOT 'Gotu' EOT;
	arima "Arima Koshi" <<<EOT 'Arima Koshi' EOT;
}

@advanced text custom-sans-font "Custom Font [If Enabled]" "Kannada MN"

@advanced range spacing "Font Spacing" [-0.4, -1.4, 2.0, 0.2, "px"]

@advanced dropdown playlist-pos "Chat/Playlist Position" {
	1 "Bottom*" <<<EOT column EOT;
	2 "Top" <<<EOT column-reverse EOT;
	3 "Side/Side" <<<EOT row EOT;
}

@advanced dropdown display-live-chat "Live Chat" {
	1 "Hide*" <<<EOT none EOT;
	2 "Show" <<<EOT initial EOT;
}

==/UserStyle== */
@-moz-document domain("youtube.com") {
	/* 	YouTube Domain Page */
	@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,800;1,400;1,800&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;1,300;1,600&display=swap');

	:root {
		--yt-img-border-radius: 12px;
		--yt-regular-border-radius: 12px;
		--yt-brand-medium-red: #ef4141;
		--transition-all: all 0.15s ease-in-out;
		--display-live-chat: /*[[display-live-chat]]*/;
		--sans-font: /*[[sans-font]]*/;
		--spacing: /*[[spacing]]*/;
		--ytd-miniplayer-playlist-height: 385px;
		--playlist-pos: /*[[playlist-pos]]*/;
	}

	* {
		font-family: var(--sans-font) !important;
		letter-spacing: var(--spacing) !important;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	/* Scrollbar */
	*::-webkit-scrollbar {
		display: none;
	}

	/* continuous page scroll disabled */
	.ytd-rich-section-renderer[is-shorts],
	ytd-continuation-item-renderer.ytd-rich-grid-renderer,
	ytd-continuation-item-renderer.ytd-section-list-renderer {
		display: none;
	}

	/* Remove padding at the top of the page */
	#contents.ytd-rich-grid-renderer,
	ytd-rich-grid-renderer[top-row-endorsement] #contents.ytd-rich-grid-renderer {
		padding-top: 5px;
	}

	div #contents .ytd-rich-grid-renderer:nth-of-type(n + 4),
	ytd-rich-section-renderer.ytd-rich-grid-renderer,
	.ytd-statement-banner-renderer {
		display: none !important;
	}

	ytd-rich-grid-row #contents.ytd-rich-grid-row {
		margin: 0px;
	}

	/* home video title */
	#video-title.ytd-rich-grid-media {
		font-size-adjust: 0.48;
		font-weight: normal;
	}

	yt-formatted-string[ellipsis-truncate-styling] a.yt-formatted-string,
	tp-yt-paper-item[aria-selected="true"] .title.ytd-guide-entry-renderer {
		font-weight: bold;
	}

	/* sidebar-nav */
	ytd-guide-entry-renderer[active] > #endpoint tp-yt-paper-item yt-icon {
		color: var(--yt-brand-medium-red);
	}

	#endpoint[title="Shorts"],
	#sections.ytd-guide-renderer > .ytd-guide-renderer:nth-child(n + 3),
	#footer,
	ytd-feed-filter-chip-bar-renderer {
		display: none !important;
	}

	/* 	Youtube My Theme+ - Stylus */
	/* 	thumbnail */
	#player-container.ytd-video-preview,
	.html5-video-player .video-click-tracking,
	.html5-video-player.ytp-autonav-endscreen-cancelled-state.ended-mode,
	.html5-video-player:not(.ytp-transparent),
	.html5-video-player.ytp-fullscreen,
	.html5-video-player.unstarted-mode,
	.html5-video-player .video-stream {
		border-radius: 12px;
	}

	/* 	thumbnail progressbar */
	#progress.ytd-thumbnail-overlay-resume-playback-renderer {
		background-color: #f00;
	}

	#progress.ytd-thumbnail-overlay-resume-playback-renderer[style*="100%"] {
		background: #fff0;
	}

	ytd-thumbnail-overlay-resume-playback-renderer {
		background-color: #1a1a1a00
	}

	#progress.ytd-thumbnail-overlay-resume-playback-renderer[style*="100%"]::before {
		content: '👓 Watched';
		color: white;
		text-shadow: 1px 1px 2px black;
		position: absolute;
		height: 450% !important;
		width: 100%;
		top: -14px;
		display: flex;
		align-items: center;
		justify-content: left;
		padding-left: 9px;
		font-size: 140%;
		background: linear-gradient(-90deg, #0000 10%, var(--yt-brand-medium-red) 100%);
		transition: all 0.9s ease-in-out 0.5s;
	}

	#thumbnail:hover #overlays #progress.ytd-thumbnail-overlay-resume-playback-renderer[style*="100%"]::before {
		opacity: 0;
		content: '👓 Watch Again?';
	}
}

@-moz-document url-prefix('https://www.youtube.com/feed/subscriptions') {
	/* 	YouTube Subscription Page */
	/* 	continous page scroll disable */
	div #contents .ytd-section-list-renderer:nth-child(n + 3) {
		display: none;
	}
}

@-moz-document url-prefix("https://www.youtube.com/watch") {
	/* 	YouTube Video Page */
	#masthead-container.ytd-app {
		transform: translate(0%, -50%);
		opacity: 0;
		transition: var(--transition-all)
	}

	#masthead-container.ytd-app:hover {
		transform: translate(0);
		opacity: 1;
	}

	#page-manager {
		margin-top: 0px !important;
	}

	h1.ytd-watch-metadata {
		justify-content: center;
	}

	#title h1 yt-formatted-string {
		font-size: 2.8rem;
	}

	/* 	video chapters */
	.ytp-time-display,
	.ytp-chapter-container button {
		font-size-adjust: 0.52;
		font-weight: bold;
	}

	h1.ytd-watch-metadata,
	h1.title {
		padding: 6px 0;
	}

	#columns {
		align-items: center;
	}

	/* 	secondary - primary */
	#secondary {
		width: 65% !important;
		margin-top: 8px !important;
		padding: 0 !important;
	}

	#primary {
		width: 80% !important;
	}

	.ytp-fullerscreen-edu-chevron,
	#related {
		display: none;
	}

	#columns.ytd-watch-flexy {
		flex-direction: var(--playlist-pos);
		padding-right: 0 !important;
	}

	/* live chat */
	#chat,
	#panels-full-bleed-container {
		display: var(--display-live-chat) !important;
	}

	/* 	description */
	#info-container.ytd-watch-info-text {
		justify-content: center;
		color: var(--yt-spec-call-to-action);
		margin-top: 7px;
		margin-bottom: 10px;
	}

	ytd-expander.ytd-video-secondary-info-renderer {
		margin: 0px;
	}

	#bottom-row > #description {
		border: 1px solid var(--yt-spec-10-percent-layer);
	}

	#description-inner {
		max-width: none !important;
		text-align: center;
		font-size-adjust: 0.56;
		overflow: scroll;
		max-height: var(--ytd-watch-flexy-panel-max-height);
	}

	#lockup-container.ytd-structured-description-playlist-lockup-renderer {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	#lockup-container #description {
		border: initial;
		background: transparent;
		min-height: auto;
		height: 10px;
		margin: 0
	}

	#media-lockups > ytd-structured-description-playlist-lockup-renderer,
	ytd-video-description-infocards-section-renderer,
	ytd-video-description-transcript-section-renderer {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	ytd-merch-shelf-renderer {
		border-bottom: none !important;
	}

	/* 	comment section */
	ytd-continuation-item-renderer {
		display: initial;
	}

	#comments {
		width: 80%;
		margin: auto;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 3px;
		border-radius: var(--yt-regular-border-radius);
		border: 1px solid var(--yt-spec-10-percent-layer);
		background: var(--yt-spec-badge-chip-background);
	}

	#comments #sections {
		overflow: scroll;
		height: 83px;
		transition: var(--transition-all) 1s;
	}

	#comments #sections:hover {
		height: var(--ytd-watch-flexy-panel-max-height);
	}

	#expander.ytd-comment-renderer {
		overflow: hidden;
	}

	ytd-comments-header-renderer,
	#title.ytd-comments-header-renderer {
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@-moz-document url-prefix('https://www.youtube.com/playlist'),
url-prefix("https://www.youtube.com/results"),
url-prefix("https://www.youtube.com/@") {
	/* 	YT EXTRAS */
	ytd-continuation-item-renderer.ytd-rich-grid-renderer {
		display: initial;
	}
}

Reviews

No reviews yet.