Created
August 2, 2013 20:50
-
-
Save brysmi/6143355 to your computer and use it in GitHub Desktop.
Youtube Dark CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #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