Skip to content

YouTube by mostlyharmless

Screenshot of YouTube
Homepage Write a review Install Get Stylus

Details

Authormostlyharmless

LicenseMIT

Categoryyoutube

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

UI enhancement, customization & hide shits I don't need on Youtube. use it to make youtube.com more tolerable. (read notes)

Notes

Recommended scripts to install first. This script has been written as a complement to these scripts:

YT - Hide 'Shorts' feed on any pages by magma_craft:
https://userstyles.world/style/4675/yt-hide-shorts-feed-on-any-pages

YT - Hide chips bar on any pages by magma_craft:
https://userstyles.world/style/5558/yt-hide-chips-bar-on-any-pages

YT - hide "DL, Clip, Thanks and Promote" buttons by magma_craft:
https://userstyles.world/style/7493/yt-hide-dl-clip-thanks-and-promote-buttons

YouTube - remove text labels on action buttons by magma_craft:
https://userstyles.world/style/6021/youtube-remove-text-labels-on-action-buttons

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           iTube
@author         MostlyHarmless
@description    UI enhancement, customization & hide shits I don't need on Youtube
@namespace      https://userstyles.world/user/mostlyharmless
@version        2.2
@preprocessor      stylus
@advanced range    videosperrow                 "⚙️ Videos per row" [4, 3, 8, 1]
@advanced checkbox hideendcards             "⚙️ Hide End Cards" 1
@advanced checkbox hideprogbar               "⚙️ Hide Player Bar" 0
@advanced checkbox redsubscribe              "⚙️ Red Sub Button" 0
@advanced checkbox blueverified                "⚙️ Blue Verified Badge" 1
@advanced checkbox premiumlogo              "⚙️ YouTube Premium Logo" 1
==/UserStyle== */

@-moz-document domain("youtube.com") {

    /* Adjust the number of videos per row */
    if (videosperrow) {
        #contents.ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: videosperrow;
        }

        /* Hide unloaded videos */
        ytd-rich-section-renderer,
        .ghost-grid.ytd-ghost-grid-renderer {
            display: none;
        }
    }

    /* Hide the end cards at the end of the video */
    if (hideendcards) {
        .ytp-ce-element.ytp-ce-element-show {
            visibility: hidden;
        }
    }

    /* Control the visibility of the video progress bar when hovering over the player while the video is paused */
    if (hideprogbar) {
        .paused-mode:not(.unstarted-mode) > div:not(.html5-video-container) {
            opacity: 0;
        }
        .paused-mode:hover > div:not(.html5-video-container) {
            opacity: 1;
        }
    }

    /* Customize the subscribe button color */
    if (redsubscribe) {
        ytd-subscribe-button-renderer .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--filled {
            background: #CC0000;
            color: #FFFFFF;
        }
        ytd-subscribe-button-renderer .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--filled:hover {
            background: #B70000;
        }

        ytd-subscribe-button-renderer {
            --yt-spec-touch-response-inverse: #FFFFFF;
            --yt-spec-static-overlay-touch-response-inverse: #FFFFFF;
        }
    }

    /* Blue verified badge by https://userstyles.world/user/sapondanaisriwan*/
if (blueverified) {
            @css {
                [d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM9.8 17.3l-4.2-4.1L7 11.8l2.8 2.7L17 7.4l1.4 1.4-8.6 8.5z"] {
                    color: #1D9BF0;
                    d: path("M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33 2.19c-1.4-.46-2.91-.2-3.92.81s-1.26 2.52-.8 3.91c-1.31.67-2.2 1.91-2.2 3.34s.89 2.67 2.2 3.34c-.46 1.39-.21 2.9.8 3.91s2.52 1.26 3.91.81c.67 1.31 1.91 2.19 3.34 2.19s2.68-.88 3.34-2.19c1.39.45 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z");
        }
    }
}

    /* Revert giant search thumbnails back to normal one */
    ytd-two-column-search-results-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] #primary.ytd-two-column-search-results-renderer,
    ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
        max-width: 86% !important;
    }

    ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style=BIG] #avatar-section.ytd-channel-renderer,
    ytd-channel-renderer[use-bigger-thumbs] #avatar-section.ytd-channel-renderer {
        max-width: 400px !important;
    }

    ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-video-renderer,
    ytd-video-renderer[use-search-ui] ytd-thumbnail.ytd-video-renderer {
        max-width: 400px !important;
    }

    ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-playlist-renderer,
    ytd-playlist-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
        max-width: 400px !important;
    }

    ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer,
    ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer {
        max-width: 400px !important;
    }

    ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer,
    ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-radio-renderer {
        max-width: 400px !important;
    }

    ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] .thumbnail-container.ytd-movie-renderer,
    ytd-movie-renderer[use-bigger-thumbs] .thumbnail-container.ytd-movie-renderer {
        max-width: 400px !important;
    }

    ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-promoted-video-renderer,
    ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs][bigger-thumbs-style=BIG] #thumbnail-container.ytd-promoted-sparkles-web-renderer,
    ytd-text-image-no-button-layout-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] #text-image-container.ytd-text-image-no-button-layout-renderer {
        max-width: 400px !important;
    }

    /* premium svg logo by https://userstyles.world/user/147563bh */
if (premiumlogo) { 
        #logo-container .logo,
        .footer-logo-icon,
        #logo-icon,
        #logo-icon-container {
        width: 98px !important;
        margin-left: 5px;
        margin-right: 5px;
		content: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='SVGRoot' version='1.1' viewBox='0 0 846 174' height='80px' width='391px'%3E%3Cdefs id='defs855'%3E%3Cstyle id='style2' /%3E%3C/defs%3E%3Cmetadata id='metadata858'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1'%3E%3Cg transform='translate(0,0.36)' data-name='Layer 2' id='Layer_2'%3E%3Cg data-name='Layer 1' id='Layer_1-2'%3E%3Cpath style='fill:%23ff0000' id='path6' d='M 242.88,27.11 A 31.07,31.07 0 0 0 220.95,5.18 C 201.6,0 124,0 124,0 124,0 46.46,0 27.11,5.18 A 31.07,31.07 0 0 0 5.18,27.11 C 0,46.46 0,86.82 0,86.82 c 0,0 0,40.36 5.18,59.71 a 31.07,31.07 0 0 0 21.93,21.93 c 19.35,5.18 96.92,5.18 96.92,5.18 0,0 77.57,0 96.92,-5.18 a 31.07,31.07 0 0 0 21.93,-21.93 c 5.18,-19.35 5.18,-59.71 5.18,-59.71 0,0 0,-40.36 -5.18,-59.71 z' /%3E%3Cpath style='fill:%23ffffff' id='path8' d='M 99.22,124.03 163.67,86.82 99.22,49.61 Z' /%3E%3Cpath style='fill:%23282828' id='path10' d='m 358.29,55.1 v 6 c 0,30 -13.3,47.53 -42.39,47.53 h -4.43 v 52.5 H 287.71 V 12.36 H 318 c 27.7,0 40.29,11.71 40.29,42.74 z m -25,2.13 c 0,-21.64 -3.9,-26.78 -17.38,-26.78 h -4.43 v 60.48 h 4.08 c 12.77,0 17.74,-9.22 17.74,-29.26 z m 81.22,-6.56 -1.24,28.2 c -10.11,-2.13 -18.45,-0.53 -22.17,6 v 76.26 H 367.52 V 52.44 h 18.8 L 388.45,76 h 0.89 c 2.48,-17.2 10.46,-25.89 20.75,-25.89 a 22.84,22.84 0 0 1 4.42,0.56 z M 441.64,115 v 5.5 c 0,19.16 1.06,25.72 9.22,25.72 7.8,0 9.58,-6 9.75,-18.44 l 21.1,1.24 c 1.6,23.41 -10.64,33.87 -31.39,33.87 -25.18,0 -32.63,-16.49 -32.63,-46.46 v -19 c 0,-31.57 8.34,-47 33.34,-47 25.18,0 31.57,13.12 31.57,45.93 V 115 Z m 0,-22.35 v 7.8 h 17.91 V 92.7 c 0,-20 -1.42,-25.72 -9,-25.72 -7.58,0 -8.91,5.86 -8.91,25.72 z M 604.45,79 v 82.11 H 580 V 80.82 c 0,-8.87 -2.31,-13.3 -7.63,-13.3 -4.26,0 -8.16,2.48 -10.82,7.09 a 35.59,35.59 0 0 1 0.18,4.43 v 82.11 H 537.24 V 80.82 c 0,-8.87 -2.31,-13.3 -7.63,-13.3 -4.26,0 -8,2.48 -10.64,6.92 v 86.72 H 494.5 V 52.44 h 19.33 L 516,66.28 h 0.35 c 5.5,-10.46 14.37,-16.14 24.83,-16.14 10.29,0 16.14,5.14 18.8,14.37 5.68,-9.4 14.19,-14.37 23.94,-14.37 14.86,0 20.53,10.64 20.53,28.86 z m 12.24,-54.4 c 0,-11.71 4.26,-15.07 13.3,-15.07 9.22,0 13.3,3.9 13.3,15.07 0,12.06 -4.08,15.08 -13.3,15.08 -9.04,-0.01 -13.3,-3.02 -13.3,-15.08 z m 1.42,27.84 h 23.41 v 108.72 h -23.41 z m 103.39,0 v 108.72 h -19.15 l -2.13,-13.3 h -0.53 c -5.5,10.64 -13.48,15.07 -23.41,15.07 -14.54,0 -21.11,-9.22 -21.11,-29.26 V 52.44 h 24.47 v 79.81 c 0,9.58 2,13.48 6.92,13.48 A 12.09,12.09 0 0 0 697,138.81 V 52.44 Z M 845.64,79 v 82.11 H 821.17 V 80.82 c 0,-8.87 -2.31,-13.3 -7.63,-13.3 -4.26,0 -8.16,2.48 -10.82,7.09 A 35.59,35.59 0 0 1 802.9,79 v 82.11 H 778.43 V 80.82 c 0,-8.87 -2.31,-13.3 -7.63,-13.3 -4.26,0 -8,2.48 -10.64,6.92 v 86.72 H 735.69 V 52.44 H 755 l 2.13,13.83 h 0.35 c 5.5,-10.46 14.37,-16.14 24.83,-16.14 10.29,0 16.14,5.14 18.8,14.37 5.68,-9.4 14.19,-14.37 23.94,-14.37 14.95,0.01 20.59,10.65 20.59,28.87 z' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
}
        html[dark] #logo-icon,
        html[dark] #logo-icon-container {
        width: 98px !important;
		content: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='SVGRoot' version='1.1' viewBox='0 0 846 174' height='24px' width='98px'%3E%3Cdefs id='defs855'%3E%3Cstyle id='style2' /%3E%3C/defs%3E%3Cmetadata id='metadata858'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1'%3E%3Cg transform='translate(0,0.36)' data-name='Layer 2' id='Layer_2'%3E%3Cg data-name='Layer 1' id='Layer_1-2'%3E%3Cpath style='fill:%23ff0000' id='path6' d='M 242.88,27.11 A 31.07,31.07 0 0 0 220.95,5.18 C 201.6,0 124,0 124,0 124,0 46.46,0 27.11,5.18 A 31.07,31.07 0 0 0 5.18,27.11 C 0,46.46 0,86.82 0,86.82 c 0,0 0,40.36 5.18,59.71 a 31.07,31.07 0 0 0 21.9...

Reviews

No reviews yet.