Hide distracting components of YouTube such as the comments section, "related videos" panel, the home page, and the trending page.
Disable YouTube Distractions by Badiz
Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/189978.user.css
Details
AuthorBadiz
LicenseCC0-1.0
Categoryyoutube
Created
Updated
Size1.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
A simple theme that hides the comments section, "related videos" panel, the home page, and the trending page for YouTube. Good for avoiding distractions when you have to use YouTube for school or work.
The search option is not disabled so you can still search for videos as needed. Also, it can easily be switched on and off to disable and re-enable these features without having to refresh the page.
Changelog
05/19/24:
*Hide TikTok nonsense (Youtube Shorts)
*Fixes for newer YouTube layout
11/19/20:
*Now hides recommended videos on the end screen
09/27/20:
*Theme released!
Source code
/* ==UserStyle==
@name Disable YouTube Distractions
@namespace USO Archive
@author Badiz
@description A simple theme that hides the comments section, "related videos" panel, the home page, and the trending page for YouTube. Good for avoiding distractions when you have to use YouTube for school or work. The search option is not disabled so you can still search for videos as needed. Also, it can easily be switched on and off to disable and re-enable these features without having to refresh the page.
@version 20240519
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("youtube.com") {
#chatframe, #related, #comments, .html5-endscreen {
visibility: hidden;
}
ytd-watch-next-secondary-results-renderer, ytd-reel-shelf-renderer {
visibility: collapse;
}
}
@-moz-document url("https://www.youtube.com/feed/trending"), url("https://www.youtube.com/") {
#primary, #contents {
visibility: hidden !important;
}
}