Skip to content

dark v3 (wip) by miadoesstufflol

Details

Authormiadoesstufflol

LicenseCC-BY-NC-SA-4.0

Categoryvorpiss 3

Created

Updated

Size6.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

og by ecodot

This style gives YouTube a cleaner look and it's easier on your eyes

Notes

eat poop r/oldyoutubelayout

Source code

/* ==UserStyle==
@name           dark v3
@namespace      USO Archive
@author         Ecodot
@description    `This style gives YouTube a cleaner look and it's easier on your eyes`
@version        20150911.16.48
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("youtube.com") {

    #body-container {
        background-color: #333333;
    }

    #yt-masthead-container,
    #appbar-guide-menu {
        background-color: rgba(40, 40, 40, .9);
        border-bottom: none;
    }


    #masthead-appbar-container {
        background-color: rgb(45, 45, 45);
        border-bottom: 1px solid rgb(40, 40, 40)!important;
        border-top: 1px solid rgb(40, 40, 40)!important;
    }

    #masthead-appbar h2,
    #masthead-appbar span {
        color: #fff !important;
    }

    #appbar-guide-menu {
        border: none;
    }

    #appbar-guide-menu span {
        color: #fff;
    }



    .yt-uix-button-menu {
        color: #333 !important;
    }

    #yt-masthead #logo-container .logo {
        background-position: -165px -203px;
        background-color: #aaa;
        padding: 2px;
        border-radius: 10px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .content-region {
        display: none;
    }

    .yt-card {
        border-radius: 3px;
        box-shadow: 0 0 29px 0px;
        border: 1px solid #222;
        background-color: #262626;
    }

    .guide-pinned .guide-pinning-enabled #appbar-guide-menu {
        border-right: none;
    }

    .yt-uix-button-icon-bell {
        filter: invert(1) !important;
        -webkit-filter: invert(1);
    }

    .sb-card-border {
        box-shadow: none;
        border: none;
        border-radius: 6px;
    }

    .yt-ui-ellipsis {
        background-color: transparent;
    }

    .guide-section {
        color: #fff;
    }
    /* home */
    body:not(.cardified-page) .branded-page-v2-primary-col,
    .branded-page-vor-box {

        background-color: rgba(40, 40, 40, .9)!important;
    }
    .branded-page-v2-top-row {
        border: 1px solid #00000059!important;
    }
    /* watch */
    #watch7-content,
    #watch7-headline,
    #watch7-notification-area,
    #watch7-user-header {
        background-color: rgba(40, 40, 40, .9)!important;
    }
    #watch7-sidebar {
        background-color: rgba(45, 45, 45, 0)!important;
    }
    #watch7-action-buttons {
        border: 1px solid #171717;
        background-color: #222;
    }
    .action-panel-content {
        background-color: #181818;
        border-top: ##151515;
    }
    .watch-view-count {
        color: #a9a9a9;
    }
    #watch-description {
        color: #d1d1d1;
    }
    #watch7-headline .yt-uix-expander-head,
    #watch7-headline .yt-uix-expander-head:hover {
        color: #fff;
    }
    #watch7-user-header .yt-user-name {
        color: #eee;
    }
    .yt-uix-button-icon-watch-like,
    .yt-uix-button-icon-watch-dislike,
    .yt-uix-button-icon-action-panel-stats,
    .yt-uix-button-icon-action-panel-report {
        filter: invert(1);
    }
    #watch7-sentiment-actions .yt-uix-button {
        color: #fff;
    }
    #watch7-secondary-actions .yt-uix-button {
        color: #fff;
    }
    .video-extras-likes-dislikes,
    .video-extras-likes-dislikes .dislikes {
        color: #fff;
    }
    .video-list .video-list-item .title {
        color: #fff;
    }
    #watch7-sidebar .watch-sidebar-head,
    #watch7-sidebar .watch-sidebar-foot {
        color: #eee;
    }
    .autoplay .checkbox-on-off {
        color: #e9e9e9;
    }
    .metadata-inline,
    #watch7-action-panels #watch7-action-panel-footer {
        background: #181818;
        border: 1px solid #222;
    }
    .share-panel-url {
        color: #aaa;
        background: #222;
        border: 1px solid #111;
    }
    .site-left-aligned #page.watch #guide-container {
    width: 0px;
    }
    #watch7-action-panels {
    border-left: 1px solid #171717;
    border-right: 1px solid #171717;
    overflow: hidden;
}
#watch7-sidebar .video-list-item a:visited .title {
    color: #2793e6;
}
    #watch7-sidebar .watch-sidebar-section.autoplay {
    border-bottom: 1px solid #222;
    }
    
.exp-not-top-guide-fixed #guide-main {
    background: #333333;
    }
    /* comments */
    #watch-discussion {
        border: 1px solid #111111;
    }
    .yt-commentbox-text,
    .yt-simplebox-text {
        border: 1px solid #111;
        background-color: #222222;
        box-shadow: inset 0 0 1px rgb(0 0 0 / 10%);
        color: #bcbcbc;
    }

    /* buttons */
    .yt-uix-button-default,
    .yt-uix-button-default[disabled],
    .yt-uix-button-default[disabled]:hover,
    .yt-uix-button-default[disabled]:active,
    .yt-uix-button-default[disabled]:focus {
        border-color: #252525;
        background: #333333;
        color: #ddd;
    }

    .yt-uix-button-arrow {
        border-top-color: #ddd;
    }
    /** search */
    #yt-masthead #search-btn {
        padding: 0;
        background: #686868;
        border: 1px solid #383838;
    }
    /*.yt-uix-button-content {
    opacity: .75;
    filter: invert(.75);
} */
    .masthead-search-terms-border {
        border: 1px solid #2d2d2d;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #545454!important;
    }
    #masthead-search-terms input {
        color: #fff;
    }
    .search-header {
        border-bottom: 1px solid #222222;
    }
    .branded-page-v2-primary-col {
        border: 1px solid #222222;
    }
    .yt-lockup-playlist-item {
    border-bottom: 1px solid #222222;
    }
    .yt-lockup .yt-lockup-meta a, .yt-lockup .yt-lockup-description a {
    color: #9e9e9e;
}
    /* footer */
    body #footer-container {
    margin-top: -140px;
    background-color: #191919;
    border-top: 1px solid #222222;
}
    #footer-links-primary a {
    color: #427fed;
}
    

 #yt-masthead #logo {
    content: url(https://raw.githubusercontent.com/omnidevZero/YouTubeRedux/df5d3c03d3c4c296236ef8e5c3c98329d48144d8/Chrome/images/2013logo-dark.svg) !important;

}
    #footer-logo img {
    content: url(https://raw.githubusercontent.com/omnidevZero/YouTubeRedux/df5d3c03d3c4c296236ef8e5c3c98329d48144d8/Chrome/images/2013logo-dark.svg) !important;

}
}

Reviews

No reviews yet.