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
Size178 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.
💰 If you find this userstyle valuable, you can support me on Paypal.
✨ 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, Mixes, watched videos, upcoming videos and live streams
- Hide irrelevant search results (For you, People also watched, Previously watched etc.)
- Search results in Grid view
- More animations
- Compact left sidebar/header bar
- Homepage: Hide topic bar and 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
- Bring the red subscribe button back
- Watch page: Hide end cards and buttons Share, Download, Clip, Thanks and Save
- Left sidebar: Hide Shorts button, Explore and More from YouTube
- 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.12.14
@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 (unless hovering)" 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 " Subscriptions" 0
@var checkbox no-watch-videos-4 " Related videos" 0
@var checkbox no-watch-videos-5 " Search page" 0
@var checkbox no-watch-videos-6 " Channel Videos tab" 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: Subscriptions" 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: Subscriptions" 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/") {
#content.ytd-rich-section-renderer {
margin: 0 8px;
}
ytd-rich-item-renderer[rendered-from-rich-grid] {
width: calc(100% / var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px) !important;
margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important;
margin-right: calc(var(--ytd-rich-grid-item-margin)/2) !important;
}
[is-default-grid] > #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: 191, 119, 246;
--main-text: 216, 196, 241;
--secondary-text: #9a8aab /* --main-text cmyk add 28 to last value*/;
--main-background: 28, 25, 41;
--raised-background: #241f35 /* --button-solid-color rgba subtract 7 from all values */;
--button-color: 172, 158, 230; /* --main-background rgba add 10 to all values, cymk set last value to 10% */;
--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: 150, 205, 251;
--main-text: 224, 224, 224;
--secondary-text: #999999;
--main-background: 19, 26, 28;
--raised-background: #1c2629;
--button-color: 174, 218, 230;
--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: 142, 192, 124;
--main-text: 235, 219, 178;
--secondary-text: #a89984;
--main-background: 40, 40, 40;
--raised-background: #343434;
--button-color: 230, 230, 230;
--button-solid-color: #3b3b3b;
--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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ViZGJiMiIgLz48L3N2Zz4=');
--arrow: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZWJkYmIyIiAvPjwvc3ZnPg==');
}
else if themes-list=="Neon" {
--main-color: 0, 242, 155;
--main-text: 224, 224, 224;
--secondary-text: #999999;
--main-background: 26, 28, 31;
--raised-background: #25282c;
--button-color: 202, 213, 230;
--button-solid-color: #2c2f33;
--filled-button-hover-color: #05c882;
...