Skip to content

Bettertube by xLoge

Details

AuthorxLoge

LicenseNo License

Categoryyoutube.com

Created

Updated

Size5.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Maybe you saw the video 'I Redesigned the ENTIRE YouTube UI from Scratch'. This is a version that goes in the direction from the Video.

Notes

Not finished!

Source code

/* ==UserStyle==
@name           ?
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
    /* Change Background color to #111111 */
    ytd-app {
        background-color: #111111 !important;
    }

    .ytd-page-manager,
    .ytd-browse {
        background-color: #111111 !important;
    }

    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--mono {
        background-color: #1d1d1d !important;
        color: #e8e7e7 !important;
        outline: 0.5px solid #282828 !important;
    }

    /* subscribe button*/
    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
        background-color: #cc2849 !important;
        color: #e8e7e7 !important;
    }

    /*
        Hide stuff
    */
    /* hide share button */
    .ytd-menu-renderer.style-scope.yt-spec-button-view-model {
        display: none !important;
    }

    /* hide like dislike bar ratio */
    .ryd-tooltip-bar-container {
        display: none !important;
    }

    /* hide second channel overview in description */
    ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer.style-scope {
        display: none !important;
    }

    /* hide transcript from description */
    ytd-video-description-transcript-section-renderer.ytd-structured-description-content-renderer.style-scope {
        display: none !important;
    }

    /* hide second window next to infobox */
    #teaser-carousel {
        display: none !important;
    }

    #sponsor-button {
        display: none !important;
    }

    #voice-search-button {
        display: none !important;
    }

    ytd-merch-shelf-renderer.ytd-watch-flexy.style-scope {
        display: none !important;
    }

    span.bold.yt-formatted-string.style-scope:nth-of-type(4) {
        display: none !important;
    }

    span.bold.yt-formatted-string.style-scope:nth-of-type(5) {
        display: none !important;
    }

    span.bold.yt-formatted-string.style-scope:nth-of-type(6) {
        display: none !important;
    }

    #description-inline-expander > .ytd-watch-metadata.style-scope {
        display: none !important;
    }

    /* hide games */
    .ytd-rich-metadata-row-renderer.style-scope {
        display: none !important;
    }

    /* hide podcasts */
    ytd-video-description-course-section-renderer.ytd-structured-description-content-renderer.style-scope {
        display: none !important;
    }

    /* hide upload video */
    .yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next {
        display: none !important;
    }

    /*
        Adjucstments
    */
    /* from, related... */
    #scroll-container > .yt-chip-cloud-renderer.style-scope {
        margin-top: -8px !important;
    }

    .ytd-text-inline-expander.style-scope.button {
        margin-top: -16px !important;
        /* auto clamps */
    }

    /* 
        Live chat
    */
    /* Chat color */
    yt-live-chat-renderer {
        background-color: #111111 !important;
    }

    #player {
        border-radius: 8px !important;
        outline: 0.5px solid #282828 !important;
    }

    /*Like & Dislike button*/
    #menu > .ytd-watch-metadata.style-scope {
        color: #1d1d1d !important;
    }

    /*
        Description
    */
    #top-row {
        padding-bottom: 15px !important;
        border: none !important;
    }

    /* hide hashtags of the video (tags) */
    a.bold.yt-formatted-string.style-scope.yt-simple-endpoint {
        display: none !important;
    }

    #bottom-row > .ytd-watch-metadata.style-scope.item {
        background-color: #111111 !important;
        outline: 0.5px solid #282828 !important;
    }

    #expand {
        color: #8f8f8f !important;
    }

    #collapse {
        margin-top: 15px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        color: #8f8f8f !important;
    }

    #description-inline-expander > yt-attributed-string.ytd-text-inline-expander.style-scope > .yt-core-attributed-string--white-space-pre-wrap.yt-core-attributed-string > span.yt-core-attributed-string--link-inherit-color > .yt-core-attributed-string--highlight-text-decorator {
        background-color: #1d1d1d !important;
    }

    /* Views and Date */
    #description-inline-expander {
        margin-top: -24px !important;
    }

    .ytd-watch-info-text.style-scope.animated-rolling-number-wiz {
        font-size: 12px !important;
    }

    #info-container > .ytd-watch-info-text.style-scope {
        color: #c1c1c1 !important;
    }

    #info-container {
        font-size: 12px !important;
        margin-top: -37px;
        margin-left: -4px;
    }


    /* Comments */
    .ytd-comments-header-renderer.style-scope.count-text {
        color: #8f8f8f !important;
    }

    /* other */
    #contentWrapper > .ytd-popup-container.style-scope {
        background-color: #1d1d1dde !important;
        backdrop-filter: blur(10px) !important;
    }
}

Reviews

No reviews yet.