Skip to content

Instantly share code, notes, and snippets.

@brysmi
Created August 2, 2013 20:50
Show Gist options
  • Save brysmi/6143355 to your computer and use it in GitHub Desktop.
Save brysmi/6143355 to your computer and use it in GitHub Desktop.
Youtube Dark CSS
#body-container {
background-color: #000000;
}
#crx-html5-toolbar {
background-color: #1f1f1f;
border-color: #7a7a7a;
border-style: solid;
border-width: 1px;
}
#eow-description {
color: #ffffff;
}
#footer-hh-container {
background-color: #000000;
color: #ffffff;
}
#footer-hh-links {
background-color: #000000;
color: #ffffff;
}
#footer-hh-links-primary li a {
background-color: #000000;
color: #ffffff;
}
#footer-hh-logo a img {
background-color: #ffffff;
}
#footer-logo a img {
background-color: #ffffff;
}
#logo {
background-color: #ffffff;
color: #ffffff;
}
#page-container {
background-color: #000000;
color: #ffffff;
}
#playlist-pane-container {
background-color: #000000;
color: #ffffff;
}
#watch-discussion {
display: none;
}
#watch-uploader-info strong {
color: #078cad;
}
#watch7-action-panel-footer {
background-color: #000000;
color: #ffffff;
}
#watch7-discussion {
background-color: #000000;
color: #ffffff;
}
#watch7-user-header {
background-color: #000000;
color: #ffffff;
}
#yt-masthead {
background-color: #000000;
color: #ffffff;
}
#yt-masthead-container {
background: rgb(0,0,0);
}
.compact-shelf .yt-uix-button-shelf-slider-pager {
background-color: rgb(48, 48, 48);
}
.watch-title {
background-color: #000000;
border-color: #6e6e6e;
border-radius: 20px;
border-style: solid;
border-width: 1px;
box-shadow: 3px 3px 3px #aaaaaa;
color: #adadad;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 2px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
}
.yt-thumb-clip img {
border-radius: 15px;
}
.yt-thumb-clip-inner {
background-color: #000000;
}
.yt-uix-button-default, .yt-uix-button-text {
background: rgb(255,255,255);
}
a.guide-item {
color: #ffffff;
}
a.yt-uix-sessionlink.yt-user-name {
color: #24d3ff;
}
button.metadata-inline.yt-uix-button.yt-uix-button-text {
background-color: #000000;
color: #ffffff;
}
button.search-btn-component.search-button.yt-uix-button.yt-uix-button-default {
background-color: #000000;
color: #ffffff;
}
button.search-btn-component.search-button.yt-uix-button.yt-uix-button-hh-default {
background-color: #000000;
color: #ffffff;
}
div.action-panel-content {
background-color: #000000;
}
div.branded-page-v2-col-container.clearfix {
background-color: #000000;
color: #ffffff;
}
div.branded-page-v2-secondary-col {
background-color: #000000;
color: #ffffff;
}
div.channel-subscription-promo {
background-color: #000000;
}
div.clearfix {
background-color: #000000;
color: #ffffff;
}
div.comment-text p {
color: #ffffff;
}
div.comment-text p a {
color: #00aeff;
}
div.compact-shelf.shelf-item.yt-uix-shelfslider.yt-uix-shelfslider-at-head.yt-uix-tdl.c4-box {
background-color: #000000;
}
div.expand {
background-color: #000000;
color: #ffffff;
}
div.feed-promo.feed-promo-with-image {
background-color: #000000;
color: #ffffff;
}
div.has-custom-banner {
background-color: #000000;
}
div.primary-header-contents {
background-color: #212121;
}
div.with-sandbar {
background-color: #000000;
color: #ffffff;
}
div.yt-base-gutter {
background-color: #000000;
}
div.yt-grid-box.yt-masthead-hh {
background-color: #000000;
color: #ffffff;
}
div.yt-uix-tile.playlist-video-item-base-content {
background-color: #000000;
color: #ffffff;
}
input.search-term {
background-color: #000000;
color: #ffffff;
}
label.comments-textarea-label {
color: #ffffff;
}
li.feed-item-container {
background-color: #000000;
color: #ffffff;
}
span.long-title.yt-uix-expander-head {
color: #00aeff;
}
span.masthead-expanded-menu-header {
background-color: #000000;
color: #3be2ff;
}
span.qualified-channel-title-text {
color: #f7f2f7;
}
span.title {
color: #ffffff;
}
span.title.video-title {
background-color: #000000;
color: #ffffff;
}
span.view-count {
color: #ffffff;
}
span.yt-uix-button-content {
background-color: #ffffff ;
color: #000000 ;
}
span.yt-valign-container {
background-color: #000000;
color: #ffffff;
}
textarea.yt-uix-form-textarea.comments-textarea {
background-color: #000000;
color: #ffffff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment