A collection of tweaks for hiding Shorts, hiding watched videos, changing the number of videos per row and much more!
YouTube Tweaks by Pedro
Details
AuthorPedro
LicenseMIT
CategoryYouTube
Created
Updated
Size161 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
𧩠Also available as an extension for Chrome and Firefox.
β Features
- 20+ dark themes to choose from, including Gruvbox, Catppuccin, Nord & RosΓ© Pine
- Change the number of videos per row on homepage, channels and other pages
- Video grid: Hide profile pictures/Decrease font size
- Show full video titles
- Hide Shorts
- Hide irrelevant search results (For you, People also watched, Previously watched etc.)
- Search results in Grid view
- More animations
- Compact left sidebar/header bar
- Hide topic bar
- Hide Latest YouTube posts
- Auto-expand comments
- Show comments in sidebar
- Pin video to the corner while scrolling the comments
- Fullscreen Theater mode
- Ambient mode on Theater mode
- Hide end cards
- Bring the red subscribe button back
- Watch page: Hide buttons Share, Download, Clip, Thanks, Save and their labels
- Left sidebar: Hide Shorts button, Explore and More from YouTube
- Hide watched videos, mixes, upcoming videos and live streams
- Lighter dark mode
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouTube Tweaks
@namespace userstyles.world/user/Pedro
@version 2024.5.12
@description Hide Shorts, hide watched videos, change the number of videos per row & more!
@author Pedro <pedro.sou@icloud.com>
@license MIT
@preprocessor stylus
@var select themes-list "π¨ Dark themes" [
"Default",
"Illicit-Purple",
"Icy-Blue",
"Gruvbox",
"Neon",
"Yaru",
"Qogir-Ubuntu",
"Sunset",
"Catppuccin-Mocha",
"Catppuccin-Macchiato",
"Catppuccin-Frappe",
"Rose-Pine",
"Rose-Pine-Moon",
"Everforest",
"Kanagawa",
"Nord",
"Coral",
"Cherry",
"Futura",
"BladeRunner",
"Pastel-Green",
"Sweet-Pastel",
"Pink",
"Trollwut-Pink",
"Dracula",
"Espresso",
"Shusia",
"Grey-and-White",
"Black-and-Blue",
"Black-and-Yellow",
"Black-and-Green",
"Black-and-Pink",
"Black-and-Orange",
"Black-and-Red",
"GX-Classic",
"Ultraviolet",
"Sub-Zero",
"Frutti-Di-Mare",
"Purple-Haze",
"Vaporwave",
"Rose-Quartz",
"Coming-Soon",
"Hackerman",
"Lambda",
"After-Eight",
"Pay-To-Win",
"White-Wolf",
]
@var number videos-per-row "π₯ Videos per row" 0
@var checkbox no-profile-pictures "π€ Video grid: No avatars" 0
@var checkbox font-size "π Video grid: Smaller font" 0;
@var checkbox full-titles "π₯ Show full video titles" 0
@var checkbox no-shorts "π©³ No Shorts" 0
@var checkbox search-dismissible "π No irrelevant search results" 0
@var checkbox grid-search-results "π Search results in Grid view" 0
@var checkbox no-right-sidebar "βββ³ No right sidebar" 0
@var checkbox more-animations "ποΈ More animations" 0
@var checkbox compact-sidebar "βοΈ Compact left sidebar" 0
@var checkbox compact-header-bar "βοΈ Compact header bar" 0
@var checkbox no-recomendations-bar "β No topic bar" 0
@var checkbox no-yt-posts "β No Latest YouTube Posts" 0
@var checkbox expanded-comments "π¬ Auto-expand comments" 0
@var checkbox sidebar-comments "π¬ Show comments in sidebar" 0
@var checkbox pin-video-on-scroll "π Pin video while scrolling" 0
@var number pinned-video-width "βββ³ Video width" [480, 0, 9999, 1, 'px']
@var select pinned-video-position "βββ³ Video position" ["Bottom-right", "Bottom-left", "Center-right", "Center-left", "Top-right", "Top-left"]
@var number pinned-video-subs-size "βββ³ Subtitles size" [1.4, 0, 9999, 0.1, 'rem']
@var checkbox ignore-paused-videos "βββ³ Ignore paused videos" 0
@var checkbox theater "π Fullscreen Theater mode" 0
@var checkbox ambient-mode "π‘ Ambient mode on Theater mode" 0
@var checkbox no-end-cards "π³ No end cards" 0
@var checkbox subscribe-color "π΄ Red subscribe button" 0
@var checkbox share "π Watch page: Share button" 1
@var checkbox download "β¬οΈ Watch page: Download button" 1
@var checkbox clip "βοΈ Watch page: Clip button" 1
@var checkbox thanks "π° Watch page: Thanks button" 1
@var checkbox save "πΎ Watch page: Save button" 1
@var checkbox compact-buttons "βοΈ Watch page: Compact buttons" 0
@var checkbox no-shorts-button "β Left sidebar: No Shorts button" 0
@var checkbox no-explore "β Left sidebar: No Explore" 0
@var checkbox no-more-from-yt "β Left sidebar: No More from YouTube" 0
@var checkbox no-watch-videos "π No watched videos" 0
@var checkbox no-watch-videos-2 "βββ³ Homepage" 0
@var checkbox no-watch-videos-3 "βββ³ Sub feed/Channel's video tab" 0
@var checkbox no-watch-videos-4 "βββ³ Related videos" 0
@var checkbox no-watch-videos-5 "βββ³ Search page" 0
@var checkbox only-fully-watch-vid "βββ³ Fully-watched ones only" 0
@var checkbox no-mixes "π΅ No mixes: Homepage" 0
@var checkbox no-mixes-2 "π΅ No mixes: Related videos" 0
@var checkbox no-mixes-3 "π΅ No mixes: Search page" 0
@var checkbox no-upcoming "ποΈ No upcomings: Homepage" 0
@var checkbox no-upcoming-2 "ποΈ No upcomings: Sub feed" 0
@var checkbox no-upcoming-3 "ποΈ No upcomings: Search page" 0
@var checkbox no-live-streams "π΄ No lives: Homepage" 0
@var checkbox no-live-streams-2 "π΄ No lives: Sub feed" 0
@var checkbox no-live-streams-3 "π΄ No lives: Related videos" 0
@var checkbox no-live-streams-4 "π΄ No lives: Search page" 0
@var checkbox less-dark "π Lighter dark mode" 0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
#contents > ytd-rich-grid-row,
#contents > ytd-rich-grid-row > #contents {
display: contents;
}
#content.ytd-rich-section-renderer {
margin: 0 8px;
}
ytd-rich-item-renderer[is-slim-grid]:last-of-type {
margin-right: calc(var(--ytd-rich-grid-item-margin)/2);
}
ytd-rich-item-renderer[is-slim-grid]:first-of-type {
margin-left: calc(var(--ytd-rich-grid-item-margin)/2);
}
ytd-browse:not([page-subtype="channels"]) #contents.ytd-rich-grid-renderer {
width: calc(100% - 32px);
max-width: calc(var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)));
}
.skeleton-bg-color.ytd-ghost-grid-renderer {
display: none;
}
if themes-list != "Default" {
:root {
if themes-list=="Illicit-Purple" {
--main-color: #bf77f6;
--main-color-38: rgba(191, 119, 246, 0.38);
--main-text: #d8c4f1;
--secondary-text: #9a8aab /* --main-text cmyk add 28 to last value*/;
--sugg-action: #45315c;
--sugg-action-inverse: rgba(28, 25, 41, 0.2) /* white if it uses --white property, otherwise --main-background */;
--main-background: #1c1929;
--raised-background: #241f35 /* --button-solid-color rgba subtract 7 from all values */;
--disabled-color: rgba(216, 196, 241, 0.38) /* --main text with 0.38 opacity*/;
--button-color: rgba(172, 158, 230, 0.1) /* --main-background rgba add 10 to all values, cymk set last value to 10% */;
--button-hover-color: rgba(172, 158, 230, 0.2);
--button-solid-color: #2b263c;
--filled-button-hover-color: #9f64cd;
--red: #f57676;
--green: #76f576;
--filter: invert(81%) sepia(15%) saturate(488%) hue-rotate(222deg) brightness(97%) contrast(94%) /* https://isotropic.co/tool/hex-color-to-css-filter */;
--main-color-inverted: #408809 /* https://wtools.io/invert-color-code-online */;
--invert-filter: invert(100%);
--check-mark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2Q4YzRmMSIgLz48L3N2Zz4=');
--arrow: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZDhjNGYxIiAvPjwvc3ZnPg==');
}
else if themes-list=="Icy-Blue" {
--main-color: #96cdfb;
--main-color-38: rgba(150, 205, 251, 0.38);
--main-text: #e0e0e0;
--secondary-text: #999999;
--sugg-action: #344754;
--sugg-action-inverse: rgba(19, 26, 28, 0.2);
--main-background: #131a1c;
--raised-background: #1c2629;
--disabled-color: rgba(224, 224, 224, 0.38);
--button-color: rgba(174, 218, 230, 0.1);
--button-hover-color: rgba(174, 218, 230, 0.2);
--button-solid-color: #232d30;
--filled-button-hover-color: #7ca9cf;
--red: #fb9696;
--green: #96fa96;
--filter: invert(99%) sepia(3%) saturate(1187%) hue-rotate(202deg) brightness(108%) contrast(76%);
--main-color-inverted: #693204;
--invert-filter: invert(100%);
--check-mark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2UwZTBlMCIgLz48L3N2Zz4=');
--arrow: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZTBlMGUwIiAvPjwvc3ZnPg==');
}
else if themes-list=="Gruvbox" {
--main-color: #8ec07c;
--main-color-38: rgba(142, 192, 124, 0.38);
--main-text: #ebdbb2;
--secondary-text: #a89984;
--sugg-action: #424e3d;
--sugg-action-inverse: rgba(40, 40, 40, 0.2);
--main-background: #282828;
--raised-background: #35312f;
--disabled-color: rgba(235, 219, 178, 0.38);
--button-color: rgba(194, 165, 150, 0.13);
--button-hover-color: rgba(194, 165, 150, 0.26);
--button-solid-color: #3c3836;
--filled-button-hover-color: #7aa26b;
--red: #fb4934;
--green: #8ec07c;
--filter: invert(85%) sepia(40%) saturate(189%) hue-rotate(4deg) brightness(98%) contrast(91%);
--main-color-inverted: #713f83;
--invert-filter: invert(100%);
--check-mark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR...