og by ecodot
This style gives YouTube a cleaner look and it's easier on your eyes
Authormiadoesstufflol
LicenseCC-BY-NC-SA-4.0
Categoryvorpiss 3
Created
Updated
Size6.3 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
og by ecodot
This style gives YouTube a cleaner look and it's easier on your eyes
eat poop r/oldyoutubelayout
/* ==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;
}
}