Skip to content

YouTube Black Edition by billycool

Imported and mirrored from https://github.com/BillyCool/UserStyles/raw/master/YouTube-Black-Edition/youtube-black-edition.user.css

Screenshot of YouTube Black Edition

Details

Authorbillycool

LicenseGPL-3.0-or-later

Categoryyoutube.com

Created

Updated

Size5.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A pitch black userstyle for YouTube with a number of small tweaks and improvements.

Notes

Installation

  1. Install the Stylus browser extension (Firefox, Chrome, Opera)
  2. Install the userstyle
  3. Enjoy

Features

  • [Global] Customize background color, comes black by default
  • [Global] Customize thumbnail roundness
  • [Subscriptions] Hide shorts
  • [Subscriptions] Hide upcoming videos
  • [Player] Hide reply and next buttons in the video player
  • [Player] Hide merch shelf
  • [Player] Hide membership 'Join' buttons
  • [Player] Hide 'Share' button
  • [Player] Hide 'Thanks' button
  • [Player] Hide 'Clip' button
  • [Player] Hide 'Save' to playlist button
  • [Player] Hide 3-dot button
  • [Player] Hide links in video description text
  • [Player] Hide video description text
  • [Player] Hide video description chapters
  • [Player] Hide video description channel info
  • [YouTube Blocker] Only show block icon when hovering a video

Source code

/* ==UserStyle==
@name 「YouTube Black Edition」
@namespace BillyCool
@version 1.3.2
@description A pitch black userstyle for YouTube with a number of small tweaks and improvements.
@author BillyCool
@homepageURL https://github.com/BillyCool/UserStyles/tree/master/YouTube-Black-Edition
@license GPL-3.0-or-later
@preprocessor stylus

@var color bg-1 "[Global] Background color" #000
@var range thumbnail-roundness "[Global] Thumbnail roundness" [12, 0, 16, 1, "px"]
@var checkbox hide-shorts "[Subscriptions] Hide shorts" 0
@var checkbox hide-upcoming "[Subscriptions] Hide upcoming videos" 0
@var checkbox hide-prev-next "[Player] Hide replay and next buttons in video player" 0
@var checkbox hide-merch "[Player] Hide merch shelf" 0
@var checkbox hide-join "[Player] Hide membership join buttons" 0
@var checkbox hide-share "[Player] Hide share button" 0
@var checkbox hide-thanks "[Player] Hide thanks button" 0
@var checkbox hide-clip "[Player] Hide clip button" 0
@var checkbox hide-save "[Player] Hide save to playlist button" 0
@var checkbox hide-three-dot "[Player] Hide 3-bot button" 0
@var checkbox hide-desc-links "[Player] Hide links in video description text" 0
@var checkbox hide-desc "[Player] Hide video description text" 0
@var checkbox hide-desc-chapters "[Player] Hide video description chapters" 0
@var checkbox hide-desc-channel "[Player] Hide video description channel info" 0
@var checkbox hover-block "[Youtube Blocker] Show block icon on hover only" 1
==/UserStyle== */
@-moz-document domain("youtube.com") {
    /* Variable declarations */
    bg-2 = lighten(bg-1, 5%);
    bg-3 = lighten(bg-1, 8%);
    bg-4 = lighten(bg-1, 12%);
    bg-5 = lighten(bg-1, 16%);
    
    html[dark], [dark] {
        --yt-spec-base-background: bg-1;
        --yt-spec-general-background-a: bg-3;
        --yt-spec-menu-background: bg-2;
        --yt-spec-mono-tonal-hover: bg-4;
        --yt-spec-badge-chip-background: bg-3;
        --yt-spec-button-chip-background-hover: bg-4;
        --yt-spec-additive-background: bg-3;
        --yt-spec-static-overlay-button-secondary: bg-4;
        --ytd-searchbox-background: bg-1;
        --ytd-searchbox-legacy-button-color: bg-3;
        --ytd-searchbox-legacy-button-hover-color: bg-4;
        --paper-tooltip-background: bg-4;
    }
    
    .ytp-ce-video.ytp-ce-large-round,
    .ytp-ce-playlist.ytp-ce-large-round,
    .ytp-ce-large-round .ytp-ce-expanding-overlay-background,
    .ytp-videowall-still-round-large .ytp-videowall-still-image,
    ytd-thumbnail a.ytd-thumbnail,
    ytd-thumbnail::before {
        border-radius: thumbnail-roundness !important;
    }
    
    if (hide-shorts) {
        ytd-rich-item-renderer:has([aria-label="Shorts"]),
        ytd-rich-shelf-renderer[is-shorts=""] {
            display: none !important;
        }
    }
    
    if (hide-upcoming) {
        ytd-rich-item-renderer:has([aria-label="Upcoming"]) {
            display: none !important;
        }
    }

    if (hide-prev-next) {
        .ytp-prev-button, .ytp-next-button {
            display: none !important;
        }
    }

    if (hide-watch-later) {
        #hover-overlays .ytd-thumbnail[aria-label="Watch later"] {
            display: none !important;
        }
    }

    if (hide-add-queue) {
        #hover-overlays .ytd-thumbnail[aria-label="Add to queue"] {
            display: none !important;
        }
    }

    if (hide-merch) {
        ytd-merch-shelf-renderer {
            display: none !important;
        }
    }

    if (hide-join) {
        .ytd-recognition-shelf-renderer, #sponsor-button {
            display: none !important;
        }
    }
    
    if (hide-share) {
        ytd-button-renderer:has(button[aria-label="Share"]) {
            display: none !important;
        }
    }
    
    if (hide-thanks) {
        yt-button-view-model:has(button[aria-label="Thanks"]) {
            display: none !important;
        }
    }
    
    if (hide-clip) {
        yt-button-view-model:has(button[aria-label="Clip"]) {
            display: none !important;
        }
    }
    
    if (hide-save) {
        yt-button-view-model:has(button[aria-label="Save to playlist"]) {
            display: none !important;
        }
    }
    
    if (hide-three-dot) {
        yt-button-shape:has(button[aria-label="More actions"]) {
            display: none !important;
        }
    }
    
    if (hide-desc-links) {
        #description .yt-core-attributed-string--link-inherit-color {
            display: none !important;
        }
    }
    
    if (hide-desc) {
        #description .ytd-text-inline-expander {
            display: none !important;
        }
    }
    
    if (hide-desc-chapters) {
        ytd-structured-description-content-renderer ytd-horizontal-card-list-renderer {
            display: none !important;
        }
    }
    
    if (hide-desc-channel) {
        ytd-structured-description-content-renderer ytd-video-description-infocards-section-renderer {
            display: none !important;
        }
    }

    if (hover-block) {
        ytd-thumbnail {
            .ytbck-quickblock {
                display: none !important;

                ~/:hover ^[1..-1] {
                    display: block !important;
                    background: var(--yt-spec-general-background-a) !important;
                }
            }
        }
    }
}

Reviews

No reviews yet.