YouTube Black Edition by billycool

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

YouTube Black Edition screenshot
Homepage Install Get Stylus Write a review

Details

Authorbillycool

LicenseGPL-3.0-or-later

Created atApril 02, 2021 18:18

Updated atAugust 28, 2021 13:30

Applies toyoutube.com

Statistics

Learn how we calculate statistics in the FAQ.

Total views348

Total installs455

Weekly installs69

Weekly updates43

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

  • Customize background color, comes black by default
  • Increase the maximum number of grid items in subscriptions and channel pages
  • Hide reply and next buttons in the video player
  • Hide ‘Watch later’ button when hovering a video
  • Hide ‘Add to queue’ button when hovering a video
  • Hide merch in video description
  • Hide ‘Join’ button below the video player
  • Apply green/red color to likes and dislikes
  • [YouTube Blocker] Only show block icon when hovering a video

History

Daily snapshots of style statistics.

2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.005.3010.5015.8021.0026.3031.5036.8042.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.0057.00113.00169.00225.00282.00338.00394.00450.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name 「YouTube Black Edition」
@namespace BillyCool
@version 1.1.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
@updateURL https://github.com/BillyCool/UserStyles/raw/master/YouTube-Black-Edition/youtube-black-edition.user.css
@license GPL-3.0-or-later
@preprocessor stylus

@var color bg-1 "Background color" #000
@var range max-grid-size "Maximum grid size" [6, 6, 16, 1]
@var checkbox hide-prev-next "Hide replay and next buttons in video player" 0
@var checkbox hide-watch-later "Hide watch later button" 0
@var checkbox hide-add-queue "Hide add to queue button" 0
@var checkbox hide-merch "Hide merch in video descriptions" 0
@var checkbox hide-join "Hide join button below video player" 0
@var checkbox like-dislike-color "Colored likes/dislikes" 0
@var checkbox hover-block "[Youtube Blocker] Show block icon on hover only" 1
==/UserStyle== */
@-moz-document domain("youtube.com") {
    html:not(.style-scope)[dark], :not(.style-scope)[dark] {
        --yt-spec-general-background-a: bg-1;
        --yt-spec-general-background-b: bg-1;
        --yt-spec-brand-background-primary: bg-1;
        --yt-spec-brand-background-solid: bg-1;
        --ytd-searchbox-background: bg-1;
        --ytd-searchbox-legacy-button-color: bg-1;
        --ytd-grid-max-width: calc(100% - 160px);
        --ytd-grid-6-columns-width: (1284 / 6 * max-grid-size)px; /* var(--ytd-grid-6-columns-width) == 1284px */
    }

    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) {
        #merch-shelf {
            display: none !important;
        }
    }

    if (hide-join) {
        #sponsor-button {
            display: none !important;
        }
    }

    if (like-dislike-color) {
        #like-bar.ytd-sentiment-bar-renderer {
            background: green !important;
        }

        #container.ytd-sentiment-bar-renderer {
            background: red !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.