Skip to content

Less distraction YouTube by birdie0

Imported and mirrored from https://raw.githubusercontent.com/Birdie0/userstyles/master/styles/youtube.com.user.css

Screenshot of Less distraction YouTube

Details

Authorbirdie0

LicenseMIT

Categoryyoutube

Created

Updated

Size982 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Make YouTube less distractive

Notes

Can be toggled in style options:

  • Hide Related column (unless hovered)
  • Hide Comments section
  • Hide playback line (red line under suggested video)
  • Hide Shorts section

Source code

/* ==UserStyle==
@name         Less distraction YouTube
@version      1.1.0
@namespace    github.com/openstyles/stylus
@description  Make YouTube less distractive
@author       Birdie0
@supportURL   https://github.com/Birdie0/userstyles/issues
@license      MIT
@preprocessor stylus

@var checkbox hide_related        'Hide Related column'   1
@var checkbox hide_comments       'Hide Comments section' 1
@var checkbox hide_playback_line  'Hide playback line'    1
@var checkbox hide_shorts_section 'Hide Shorts section'   1
==/UserStyle== */

@-moz-document domain("youtube.com") {
	if hide_related {
		#related {
			transition: opacity .5s;

			&:not(:hover) {
				opacity: 0;
			}
		}
	}

	if hide_comments {
		#comments {
			display: none !important;
		}
	}

	if hide_playback_line {
		ytd-thumbnail-overlay-resume-playback-renderer {
			display: none !important;
		}
	}

	if hide_shorts_section {
		[is-shorts],
		ytd-reel-shelf-renderer {
			display: none !important;
		}
	}
}

Reviews

No reviews yet.