0% found this document useful (0 votes)

172 views10 pages

Youtube-Tweaks User Styl

The document describes a user style for YouTube called 'Youtube Tweaks' version 2.0.2, which allows users to customize their YouTube experience with various options such as adjusting the number of videos per row, hiding certain elements, and changing font sizes. It includes a range of settings to enhance user interface elements, block unwanted features like shorts and promotional bars, and modify the appearance of the site. The style is designed to be implemented via the Stylus browser extension and is open-source under a CC-BY-SA-4.0 license.

Uploaded by

jaysupbrah

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

172 views10 pages

Youtube-Tweaks User Styl

Uploaded by

jaysupbrah

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

/* ==UserStyle==

@name Youtube Tweaks

@version 2.0.2
@namespace [Link]
@description Tweaks for Youtube!
@author StylusThemes <[Link]
@homepageURL [Link]
@supportURL [Link]
@updateURL
[Link]
[Link]
@preprocessor stylus
@license CC-BY-SA-4.0

@var number videos-per-row "Videos per row" 0

@var checkbox compact-header-bar "Compact header bar" 0
@var checkbox font-size "Video grid: Decrease font size" 0;
@var checkbox no-rounded-corners "Square YouTube" 0
@var checkbox no-shorts "Shorts blocker" 0
@var checkbox no-promo-bar "No promo bar" 0
@var checkbox search-dismissible "No irrelevant search results" 0
@var checkbox no-yt-posts "Hide Latest YouTube Posts" 0
@var checkbox no-recomendations-bar "No topic bar" 0
@var checkbox theater "Fullscreen theater mode" 0
@var checkbox fill-player "Stretch Video To Fill Player" 0
@var checkbox hide-dl-clip-thanks-button "Hide \"Download, Clip, Thanks and Promote
buttons\"" 0
@var checkbox netflix-subtitles "Netflix subtitles" 0
@var checkbox youtube-watched-badge "Re-add YouTube Watched Badge" 0
@var checkbox return-red-youtube "Return Red YouTube" 0
==/UserStyle== */
@-moz-document url-prefix("[Link] {
i=!important;
t=transparent;

#copyright div::after {
white-space: pre;
content: "\aYoutube Tweaks - Version 2.0.2";
}

if videos-per-row {
ytd-rich-grid-renderer,
:root {
--ytd-rich-grid-items-per-row: videos-per-row i;
}

ytd-rich-section-renderer {
order: -1;
}

#home-container-media .rich-grid-media-skeleton {
max-width: "calc(100%/%s - 16px)" % videos-per-row i;
min-width: "calc(100%/%s - 16px)" % videos-per-row i;
}

ytd-rich-grid-media[mini-mode],
ytd-rich-grid-renderer[is-slim-grid] #[Link]-rich-grid-renderer {
max-width: initial;
}
ytd-two-column-browse-results-renderer[page-subtype="channels"]:has(ytd-rich-
grid-renderer:not([is-shorts-grid])) {
width: calc(100% - 32px) i;
max-width: calc(var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-
item-max-width) + var(--ytd-rich-grid-item-margin))) i;
}

ytd-rich-item-renderer:nth-child(n + 3):nth-child(-n + {videos-per-

row}):has(#[Link]-rich-grid-media)[hidden] {
display: block i;
}

[style="--ytd-rich-shelf-items-count: 3;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "2";
}

[style="--ytd-rich-shelf-items-count: 4;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "3";
}

[style="--ytd-rich-shelf-items-count: 5;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "4";
}

[style="--ytd-rich-shelf-items-count: 6;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "5";
}

[style="--ytd-rich-shelf-items-count: 7;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "6";
}

[style="--ytd-rich-shelf-items-count: 8;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "7";
}

[style="--ytd-rich-shelf-items-count: 9;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "8";
}

[style="--ytd-rich-shelf-items-count: 10;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "9";
}

[style="--ytd-rich-shelf-items-count: 11;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "10";
}

[style="--ytd-rich-shelf-items-count: 12;"]:has(#[Link]-rich-grid-
media) .[Link]-rich-shelf-renderer {
display: none if videos-per-row > "11";
}
}

#[Link]-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) i;
margin-left: calc(var(--ytd-rich-grid-item-margin)/2) i;
margin-right: calc(var(--ytd-rich-grid-item-margin)/2) i;
}

[is-default-grid] > #[Link]-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)));
}

.[Link]-ghost-grid-renderer,
ytd-rich-item-renderer:has(ytd-ad-slot-renderer) {
display: none;
}

if font-size {
:root {
--smaller-font-1-4rem: 1.4rem;
--smaller-font-2rem: 2rem;
--smaller-font-1-2rem: 1.2rem;
--smaller-font-1-8rem: 1.8rem;
}

#video-title[class*="style-scope ytd-rich-grid"],
ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #[Link]-game-
details-renderer {
font-size: 1.4rem;
line-height: 2rem;
}

.ytd-rich-grid-media ytd-video-meta-block[rich-meta] .ytd-video-meta-

block:is(#byline-container, #metadata-line) {
font-size: 1.2rem;
line-height: 1.8rem;
}
}

if no-rounded-corners {
* {
border-radius: 0 i;
}
}

if no-shorts {
#[Link]-grid-renderer > [Link]-grid-
renderer:has([href*="/shorts/"]),
#[Link]-horizontal-list-renderer > *.yt-horizontal-list-
renderer:has([href*="/shorts/"]),
ytd-rich-section-renderer:has([is-shorts]),
ytd-rich-item-renderer:has([href*="/shorts/"]):not([is-slim-media]),
ytd-video-renderer:has([href*="/shorts/"]),
ytd-notification-renderer:has([href*="/shorts/"]),
ytd-reel-shelf-renderer:has([href*="/shorts/"]),
[page-subtype="subscriptions"]
ytd-item-section-renderer:has([href*="/shorts/"]),
#[Link]-compact-video-renderer:has([href*="/shorts/"]) {
display: none i;
}
}

if no-promo-bar {
#player-ads,
#attached-survey,
ytd-search-pyv-renderer,
[page-subtype="home"] ytd-rich-section-renderer,
ytd-rich-item-renderer:has(ytd-feed-nudge-renderer),
[page-subtype="subscriptions"] ytd-rich-section-renderer,
#masthead-ad:has(ytd-banner-promo-renderer),
tp-yt-paper-dialog:has(yt-mealbar-promo-renderer),
ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
[Link]-rich-grid-row:has(ytd-ad-slot-renderer),
[Link]-rich-grid-row:has(ytd-feed-nudge-renderer),
ytd-rich-item-renderer:has(ytd-toggle-button-renderer button[aria-label="Notify
me"]),
[Link]-item-section-renderer:has(ytd-promoted-sparkles-web-
renderer),
ytd-compact-video-renderer:has(ytd-badge-supported-renderer [aria-
label="Members first"]),
[page-subtype="home"] ytd-rich-item-renderer:has(.ytd-playlist-video-thumbnail-
renderer),
ytd-watch-next-secondary-results-renderer :is(ytd-ad-slot-renderer, ytd-
compact-movie-renderer) {
display: none i;
}
}

[is-search] [Link]-item-section-renderer:not(ytd-channel-renderer
+ ytd-shelf-renderer),
[is-search] [Link]-item-section-
renderer:not(:first-child),
[is-search] [Link]-item-section-renderer {
display: none if search-dismissible;
}

if compact-header-bar {
html {
--ytd-toolbar-height: 36px;
}

ytd-feed-filter-chip-bar-renderer {
--ytd-rich-grid-chips-bar-top: var(--ytd-toolbar-height);
}

ytd-app:not([scrolling]) {
--ytd-masthead-height: var(--ytd-toolbar-height) i;
}

.ytd-masthead:is(#container, #background),
#[Link]-app,
[Link] {
height: var(--ytd-toolbar-height);
}

#[Link] {
margin-top: var(--ytd-toolbar-height);
}

.ytd-searchbox:is(#search-form, #search-icon-legacy) {
height: 30px;
}

yt-icon-button:is(.ytd-topbar-menu-button-renderer, .ytd-masthead, .ytd-

notification-topbar-button-renderer),
#masthead .yt-spec-button-shape-next--icon-only-default,
#[Link]-app {
width: 30px;
height: 30px;
padding: 3px;
}

[Link]-logo {
padding-top: 8px;
padding-bottom: 8px;
}

#[Link]-masthead,
#[Link]-app {
padding: 0 21px;
}
}

if no-recomendations-bar {
[page-subtype="home"] ytd-feed-filter-chip-bar-renderer,
#home-chips,
yt-related-chip-cloud-renderer {
display: none;
}

ytd-masthead[frosted-glass=with-chipbar] #[Link]-masthead {
height: var(--ytd-toolbar-height);
}
}

ytd-rich-section-renderer:has([is-post]) {
display: none if no-yt-posts;
}

if return-red-youTube {
html[dark], [dark] {
--yt-spec-red-indicator: #f00;
}

html[refresh], [refresh] {
--yt-spec-static-brand-red: #f00;
--yt-spec-static-overlay-background-brand: #f00;
}

ytd-thumbnail-overlay-resume-playback-renderer[enable-refresh-signature-
moments-web] #[Link]-thumbnail-overlay-resume-playback-renderer,
.YtProgressBarLineProgressBarPlayedRefresh,
.ytp-cairo-refresh-signature-moments .ytp-play-progress,
.[Link]-badge-supported-renderer,
.[Link]-spec-avatar-shape--live-ring::after,
.badge-shape-wiz--thumbnail-live,
#[Link]-page-navigation-progress {
background: #f00 i;
}

.YtProgressBarLineProgressBarPlayed,
.YtProgressBarPlayheadProgressBarPlayheadDot,
.ytp-cairo-refresh .ytp-swatch-background-color,
.ytp-cairo-refresh .[Link]-hd-quality-badge::after,
.ytp-cairo-refresh .[Link]-hdr-quality-badge::after,
.ytp-cairo-refresh .[Link]-4k-quality-badge::after,
.ytp-cairo-refresh .[Link]-5k-quality-badge::after,
.ytp-cairo-refresh .[Link]-8k-quality-badge::after,
.ytp-cairo-refresh .[Link]-3d-badge-grey::after,
.ytp-cairo-refresh .[Link]-3d-badge::after,
.yt-spec-avatar-shape--cairo-refresh .yt-spec-avatar-shape__live-badge {
background-color: #f00 i;
}

.[Link]-guide-entry-renderer {
color: #f00;
}

svg path[d="M14.4848 20C14.4848 20 23.5695 20 25.8229 19.4C27.0917 19.06

28.0459 18.08 28.3808 16.87C29 14.65 29 9.98 29 9.98C29 9.98 29 5.34 28.3808
3.14C28.0459 1.9 27.0917 0.94 25.8229 0.61C23.5695 0 14.4848 0 14.4848 0C14.4848 0
5.42037 0 3.17711 0.61C1.9286 0.94 0.954148 1.9 0.59888 3.14C0 5.34 0 9.98 0 9.98C0
9.98 0 14.65 0.59888 16.87C0.954148 18.08 1.9286 19.06 3.17711 19.4C5.42037 20
14.4848 20 14.4848 20Z"] {
fill: #f00;
}

.[Link]-spec-icon-badge-shape--type-cart-
refresh .yt-spec-icon-badge-shape__badge {
color: #fff i;
}

.yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__badge {
border: 2px solid #212121 i;
}

.yt-spec-icon-badge-shape--type-notification-refresh .yt-spec-icon-badge-
shape__badge {
background-color: #c00 i;
}
}

if youtube-watched-badge {
@font-face {
font-family: "FontAwesome";
src:
url("[Link]
[Link]?v=4.7.0");
src:
url("[Link]
[Link]?#iefix&v=4.7.0") format("embedded-opentype"),

url("[Link]
webfont.woff2?v=4.7.0") format("woff2"),

url("[Link]
[Link]?v=4.7.0") format("woff"),

url("[Link]
[Link]?v=4.7.0") format("truetype"),

url("[Link]
[Link]?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}

ytd-browse [Link]-thumbnail-overlay-playback-status-renderer {
display: none;
}

ytd-thumbnail-overlay-resume-playback-renderer {
width: 100%;
height: 100%;
opacity: .95;
transition: opacity 200ms ease-out;
background-color: #030303;
}

ytd-thumbnail-overlay-resume-playback-renderer div#progress::after {
content: "\f00c";
visibility: visible;
font-family: "FontAwesome";
left: 50%;
font-size: 32px;
opacity: .7;
position: absolute;
top: 50%;
margin-top: -14px;
margin-left: -14px;
color: #fff;
}

ytd-thumbnail-overlay-resume-playback-renderer:hover {
opacity: 0 i;
}

ytd-thumbnail-overlay-resume-playback-renderer[enable-refresh-signature-
moments-web] #[Link]-thumbnail-overlay-resume-playback-renderer {
height: 100%;
background: #111 i;
}
}
}
@-moz-document regexp("https?://[Link]/watch.*"),
regexp("https?://[Link]/clip.*") {
if theater {
ytd-watch-flexy[theater]:not([fullscreen]) #[Link]-watch-
flexy {
height: 100vh;
max-height: none;
margin-top: calc(0px - var(--ytd-toolbar-height));
}

ytd-watch-flexy[fixed-panels] #[Link]-watch-flexy {
top: 0;
}

#[Link] {
height: 100vh;
margin-top: 0;
max-height: none;
}

#masthead[is-watch-page][theater]:not([fullscreen]) {
position: absolute;
transform: translateY(calc(0px - var(--ytd-toolbar-height)));
padding-bottom: 20px;
transition: transform .3s ease, padding .3s ease;
}

#masthead[is-watch-page][theater]:not([fullscreen]):hover {
transform: initial;
padding-bottom: 0;
}
}

if fill-player {
video {
position: static i;
width: 100% i;
height: 100vh i;
transform: scaleX(1) i;
object-fit: fill i;
}
}

if hide-dl-clip-thanks-button {
ytd-download-button-renderer {
display: none i;
}

#flexible-item-buttons [aria-label="Promote"],
#flexible-item-buttons [aria-label="Clip"],
#flexible-item-buttons [aria-label="Thanks"],
#flexible-item-buttons [title="Show support with Super Thanks"] {
display: none i;
}
}

if netflix-subtitles {
@font-face {
font-family: "Netflix Sans";
font-weight: 100;
src:
url("[Link]
off2") format("woff2"),