Increases YouTube's font size; useful when watching from a distance.
YouTube - Big Text by jesuscc1993
Imported from https://github.com/jesuscc1993/user-css/raw/develop/youtube-big-text/youtube-big-text.user.css
Mirrored from https://github.com/jesuscc1993/user-css/raw/develop/youtube/youtube-big-text/youtube-big-text.user.css
Details
Authorjesuscc1993
LicenseNO-REDISTRIBUTION
Categoryunset
Created
Updated
Size8.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name YouTube - Big Text
@description Increases YouTube's font size; useful when watching from a distance.
@version 2024.04.25.20.47
@author MetalTxus
@namespace https://github.com/jesuscc1993/
@license CC BY-SA 4.0
@preprocessor stylus
@var text font-size-cc "Caption font size" 36px
@var text font-size-lg "Grid font size" 20px
@var text font-size-md "Video font size" 16px
@var text font-size-sm "Small texts" 14px
@var text video-description-max-height "Max video description height" 96px
@var text line-height-font-size-ratio "Line height / font size ratio" 1.2
@var text owner-and-teaser-scale "Owner and teaser scale" 1.33
@var number grid-line-clamp "Max grid title lines" 4
@var number playlist-line-clamp "Max playlist title lines" 2
@var number video-title-line-clamp "Max video title lines" 2
@var number video-comment-line-clamp "Max video comment lines" 6
==/UserStyle== */
@-moz-document domain("youtube.com") {
:root {
--line-height-font-size-ratio: line-height-font-size-ratio;
--owner-and-teaser-scale: owner-and-teaser-scale;
--font-size-cc: font-size-cc;
--font-size-lg: font-size-lg;
--font-size-md: font-size-md;
--font-size-sm: font-size-sm;
--grid-line-clamp: grid-line-clamp;
--playlist-line-clamp: playlist-line-clamp;
--video-comment-line-clamp: video-comment-line-clamp;
--video-description-max-height: video-description-max-height;
--video-title-line-clamp: video-title-line-clamp;
--line-height-cc: calc(var(--font-size-cc) * var(--line-height-font-size-ratio));
--line-height-lg: calc(var(--font-size-lg) * var(--line-height-font-size-ratio));
--line-height-md: calc(var(--font-size-md) * var(--line-height-font-size-ratio));
--line-height-sm: calc(var(--font-size-sm) * var(--line-height-font-size-ratio));
}
html:not(.style-scope)[typography] {
--yt-navbar-title-font-size: var(--font-size-lg);
--yt-navbar-title-line-height: var(--line-height-lg);
}
ytd-comments,
ytd-expander {
--ytd-user-comment_-_font-size: var(--font-size-lg);
--ytd-user-comment_-_line-height: var(--line-height-lg);
}
ytd-expander {
--ytd-expander-collapsed-height: var(--video-description-max-height) !important;
--ytd-expander-max-lines: var(--video-comment-line-clamp) !important;
}
ytd-grid-video-renderer {
--yt-link-font-size: var(--font-size-md);
--ytd-link-line-height: var(--line-height-md);
}
#byline.ytd-playlist-panel-video-renderer,
#published-time-text.ytd-comment-view-model,
#text.ytd-channel-name,
#vote-count-middle.ytd-comment-action-buttons-renderer,
.less-button.ytd-comment-view-model,
.metadata-owner.ytd-playlist-header-renderer,
.metadata-stats.ytd-playlist-byline-renderer,
.more-button.ytd-comment-view-model,
.yt-spec-button-shape-next--size-s,
ytd-pinned-comment-badge-renderer,
ytd-playlist-panel-renderer[collapsible] .badge.ytd-badge-supported-renderer,
ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer,
ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer,
ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block,
ytd-video-meta-block:not([rich-meta])[inline-badges] #metadata-line.ytd-video-meta-block,
ytd-video-meta-block:not([rich-meta])[inline-badges] #text.ytd-channel-name,
ytd-video-owner-renderer[watch-metadata-refresh] #owner-sub-count.ytd-video-owner-renderer {
font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
max-height: none !important;
}
#description.ytd-watch-metadata,
#video-title.ytd-compact-video-renderer,
#video-title.ytd-playlist-panel-video-renderer,
#vote-count-middle.ytd-comment-engagement-bar,
.badge-shape-wiz,
.less-button.ytd-comment-renderer,
.metadata-owner.ytd-playlist-header-renderer,
.metadata-stats.ytd-playlist-byline-renderer,
.more-button.ytd-comment-renderer,
.yt-spec-button-shape-next--size-m,
ytd-grid-playlist-renderer #video-title.ytd-grid-playlist-renderer,
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
ytd-grid-video-renderer #video-title.ytd-grid-video-renderer,
ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer,
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media,
ytd-two-column-browse-results-renderer #video-title.ytd-rich-grid-media,
ytd-two-column-search-results-renderer #video-title.ytd-video-renderer {
font-size: var(--font-size-md) !important;
line-height: var(--line-height-md) !important;
max-height: none !important;
}
#author-text.yt-simple-endpoint.ytd-comment-view-model,
#content-text.ytd-comment-view-model,
#paid-comment-chip.ytd-comment-renderer,
#video-title-link.ytd-rich-grid-media yt-formatted-string,
#vote-count-middle.ytd-comment-action-buttons-renderer,
h1.ytd-watch-metadata,
ytd-author-comment-badge-renderer #text.ytd-channel-name,
ytd-item-section-renderer #video-title.ytd-playlist-video-renderer,
ytd-text-inline-expander,
ytd-video-owner-renderer #text.ytd-channel-name {
font-size: var(--font-size-lg) !important;
line-height: var(--line-height-lg) !important;
max-height: none !important;
}
.yt-core-image--content-mode-scale-to-fill {
width: var(--font-size-lg) !important;
height: var(--font-size-lg) !important;
}
#player-container .ytp-caption-segment {
font-size: var(--font-size-cc) !important;
line-height: var(--line-height-cc) !important;
max-height: none !important;
}
#info-container {
/* needs to be hardcoded to match the rolling numbers element */
--line-height: 20px;
padding: calc((var(--line-height-md) - var(--line-height)) / 2) 0;
&,
.animated-rolling-number-wiz {
font-size: var(--font-size-md);
line-height: var(--line-height);
}
}
ytd-thumbnail-overlay-time-status-renderer {
height: auto !important;
}
ytd-grid-playlist-renderer #video-title.ytd-grid-playlist-renderer,
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
ytd-grid-video-renderer #video-title.ytd-grid-video-renderer,
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media,
ytd-two-column-browse-results-renderer #video-title.ytd-rich-grid-media,
ytd-two-column-search-results-renderer #video-title.ytd-video-renderer {
-webkit-line-clamp: var(--grid-line-clamp);
}
ytd-item-section-renderer #video-title.ytd-playlist-video-renderer {
-webkit-line-clamp: var(--playlist-line-clamp);
}
.title.ytd-video-primary-info-renderer {
-webkit-line-clamp: var(--video-title-line-clamp);
}
.title.ytd-video-primary-info-renderer {
line-height: var(--yt-navbar-title-line-height);
max-height: none;
}
#content-text.ytd-comment-renderer,
#name.ytd-author-comment-badge-renderer .ytd-channel-name,
.ytd-comment-renderer,
ytd-expander.ytd-video-secondary-info-renderer {
font-size: var(--ytd-user-comment_-_font-size);
line-height: var(--ytd-user-comment_-_line-height);
}
.ytd-comment-renderer yt-formatted-string > .emoji.small-emoji {
height: var(--ytd-user-comment_-_font-size);
width: auto;
}
ytd-thumbnail-overlay-time-status-renderer {
height: auto;
}
.ytp-time-display,
.ytp-chapter-container {
font-size: var(--font-size-md);
}
#name.ytd-author-comment-badge-renderer {
max-height: none;
}
ytd-author-comment-badge-renderer {
height: auto;
}
tp-yt-paper-button.ytd-expander {
text-align: left;
}
#description.ytd-video-secondary-info-renderer {
max-width: none;
}
#owner-and-teaser {
zoom: var(--owner-and-teaser-scale);
}
#comment-chip-container.yt-pdg-comment-chip-renderer {
border-radius: 24px;
}
/* "read more" fix */
#description {
#ellipsis {
display: none;
}
#snippet {
margin-bottom: 20px;
mask-image: none !important;
}
#expand.ytd-text-inline-expander {
left: 0 !important;
}
}
}