Bettertube by xLoge

/* ==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,
    yt-live-chat-renderer,
    .ytd-page-manager,
    .ytd-browse
    {
        background-color: #111111 !important;
    }

    /* Button Icon color */
    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--mono
    {
        color: #e8e7e7 !important;
    }

    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--mono
    {
        background-color: #1d1d1d !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;
    }

    /*
        Hide stuff
    */
    #guide-links-primary,
    #guide-links-secondary,
    #copyright,
    #teaser-carousel,
    /* hide second window next to infobox */
    #sponsor-button,
    #voice-search-button,
    #description-inline-expander > .ytd-watch-metadata.style-scope,
    ytd-video-description-transcript-section-renderer.ytd-structured-description-content-renderer.style-scope,
    /* hide transcript from description */
    ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer.style-scope,
    /* hide second channel overview in description */
    ytd-video-description-course-section-renderer.ytd-structured-description-content-renderer.style-scope,
    ytd-merch-shelf-renderer.ytd-watch-flexy.style-scope,
    yt-multi-page-menu-section-renderer.ytd-multi-page-menu-renderer.style-scope:nth-of-type(5),
    ytd-guide-section-renderer.ytd-guide-renderer.style-scope:nth-of-type(4),
    /* more from youtube */
    span.bold.yt-formatted-string.style-scope:nth-of-type(4),
    span.bold.yt-formatted-string.style-scope:nth-of-type(5),
    span.bold.yt-formatted-string.style-scope:nth-of-type(6),
    a.bold.yt-formatted-string.style-scope.yt-simple-endpoint,
    .ytd-rich-section-renderer.style-scope > .ytd-rich-shelf-renderer.style-scope,
    /* shorts */
    /* hide hashtags of the video (tags) */
    .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,
    .ytd-rich-metadata-row-renderer.style-scope,
    .ryd-tooltip-bar-container,
    /* hide like dislike bar ratio */
    .ytd-menu-renderer.style-scope.yt-spec-button-view-model/* hide share button */
    {
        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 */
    }


    #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: 25px !important;
        border: none !important;
    }

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

    #description-inline-expander
    {
        margin-top: -20px !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: -35px;
        margin-left: -4px;
    }

    #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;
    }

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

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

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

    /* other */
    #header > .ytd-multi-page-menu-renderer.style-scope
    {
        background-color: #1b1b1b;
    }

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

@-moz-document domain("youtube.com")
{
    #manage-account > .yt-formatted-string.style-scope.yt-simple-endpoint
    {
        outline: 0.5px solid #282828 !important;
        padding: 6px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        border-radius: 16px !important;
        background-color: #1d1d1d !important;
        margin-left: 36%;
        margin-top: -15%;
        position: absolute;
    }

    #header > .ytd-multi-page-menu-renderer.style-scope
    {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    yt-multi-page-menu-section-renderer.ytd-multi-page-menu-renderer.style-scope:nth-of-type(4)
    {
        border-bottom: 0 !important;
    }

    #movie_player
    {
        background-color: #111111 !important;
        outline: 1px solid #282828 !important;
    }
}