YouTube - Big Text by jesuscc1993

/* ==UserStyle==
@name           YouTube - Big Text
@description    Increases YouTube's font size; useful when watching from a distance.
@version        2024.10.31.22.40
@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
@var checkbox   bigger-controls                 "Bigger video controls"           0
@var checkbox   bigger-thumbnails               "Bigger playlist thumbnails"      0

==/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,
  #description-text.ytd-video-renderer,
  #label.ytd-playlist-add-to-option-renderer,
  #modern-card-owner-name.ytd-miniplayer,
  #modern-owner-name.ytd-miniplayer,
  #owner-name.ytd-miniplayer,
  #published-time-text.ytd-comment-view-model,
  #text.ytd-channel-name,
  #vote-count-middle.ytd-comment-action-buttons-renderer,
  .channel.ytd-miniplayer,
  .less-button.ytd-comment-view-model,
  .metadata-owner.ytd-playlist-header-renderer,
  .metadata-stats.ytd-playlist-byline-renderer,
  .miniplayer-title.ytd-miniplayer,
  .more-button.ytd-comment-view-model,
  .yt-avatar-stack-view-model-wiz__avatar-stack-text,
  .yt-content-metadata-view-model-wiz__metadata-text,
  .yt-spec-button-shape-next--size-m,
  .yt-spec-button-shape-next--size-s,
  .ytd-menu-title-renderer,
  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]) #metadata-line.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,
  .more-button.ytd-comment-renderer,
  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-thumbnail-overlay-now-playing-renderer[now-playing-badge],
  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,
  #paid-comment-chip.ytd-comment-view-model,
  #video-title-link.ytd-rich-grid-media yt-formatted-string,
  #vote-count-middle.ytd-comment-action-buttons-renderer,
  .ytd-text-inline-expander,
  h1.ytd-watch-metadata,
  ytd-author-comment-badge-renderer #text.ytd-channel-name,
  ytd-item-section-renderer #video-title.ytd-playlist-video-renderer,
  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;
  }

  .ytd-text-inline-expander {
    max-height: 6em !important;
    line-height: calc(var(--font-size-lg) * 1.34) !important;
  }

  .ytd-watch-flexy .yt-core-image--content-mode-scale-to-fill,
  yt-icon.yt-pdg-comment-chip-renderer {
    width: var(--font-size-lg) !important;
    /*height: var(--font-size-lg) !important;*/
    height: auto !important;
  }

  #player-container .ytp-caption-segment {
    font-size: var(--font-size-cc) !important;
    line-height: var(--line-height-cc) !important;
    max-height: none !important;
  }

  animated-rolling-character {
    font-size: var(--font-size-md);
  }

  ytd-thumbnail-overlay-now-playing-renderer,
  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;
  }

  /* fixes unintentional override */
  #label.checkbox-height.ytd-playlist-add-to-option-renderer {
    line-height: 26px !important;
    margin-right: 0.5em;
  }

  /* inline video links */
  .yt-core-attributed-string__link {
    white-space: nowrap;
  }

  /* "read more" fix */
  #description {
    #ellipsis {
      display: none;
    }

    #snippet {
      margin-bottom: 1em;
      mask-image: none !important;
    }

    #expand.ytd-text-inline-expander {
      left: 0 !important;
    }
  }

  if (bigger-controls) {
    .ytp-chrome-controls svg {
      transform: scale(1.25) !important;
    }
  }

  if (bigger-thumbnails) {
    ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer,
    ytd-playlist-video-renderer[amsterdam-post-mvp] ytd-thumbnail.ytd-playlist-video-renderer {
      height: 132px;
      width: 234px;
    }
  }
}