userstyles.org - Youtube Umbra

A dark charcoal / blue theme for Youtube.

Global variables at the top of the file for easy colour theme tweaks.

Heavily commented for convenience and maintainability.

More screenshots available here: http://imgur.com/a/2JMMp


OPTIONAL STYLES (Just search for these lines)
- Dark subscribe button instead of YT red


I've currently had to minify the source to fit under the 100k limit, if you want to dig into the non-minified version it can be found here: https://www.dropbox.com/s/la85h7wx6smcpjx/Youtube%20Umbra.css?dl=1


DOES NOT YET WORK WITH THE NEW YOUTUBE MATERIAL DESIGN

This style will remain as the "old" Youtube site design
and I will remake another for the new material design
site once I have access to it so I can start development.


Anything not working right? Let me know!

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

Youtube Umbra
344395
130610
youtube
Author Andy Cormack
License CC0
Created Jul 24, 2016
Updated Jan 11, 2017
Installs (this week) 6,857
Installs (total) 145,653
Average rating OK
Show CSS

Notes

[1.1.6] 2017/01/11
- Fixed search results pagination current page highlight
- Removed focus outline from video progress bar

[1.1.5] 2017/01/05
- Update for new comment history styles
- Another small fix for watched overlay alignment
- Colour corrected active like button and corresponding count text

[1.1.4] 2017/01/03
- Fix for subscriber button count overlap
- Added optional dark subscribe button (just search "Dark subscribe button" in the CSS and uncomment it)

[1.1.3] 2016/12/23
- Fixes for better "Watched" overlay compatibility with multiple locations across the site including playlists

[1.1.2] 2016/12/22
- The return of the "Watched" overlay! Hurrah!
- Fixed style of removed video from home page video feed
- Small fix for playlist icons

[1.1.1] 2016/12/21
- Lots of minor fixes from site updates and suggestions from comments

[v1.1.0] 2016/11/25
- Numerous minor fixes across the site from comments and my own observations

[v1.0.9] 2016/11/09
- More small fixes for new changes made to analytics
- A few icon fixes

[v1.0.8] 2016/10/26
- Some small fixes contributed by Tim Cole

[v1.0.7] 2016/10/25
- Fixed all analytics pages
- Fixed styling for MCN pages

[v1.0.6] 2016/10/22
- Removed the black background from cinema mode by request, if you want to keep it the original way just delete the style right at the end in the "Maybe personal preference?" section with the class/id .watch-stage-mode #theater-background
- Made video author reply text more visible
- Fixed some new black icons that were added to the site
- Fixed video page creator bar colours
- [WIP] fixing the analytics pages again as Youtube decided to change all the class names when they recompiled their last css files I guess >_>

[v1.0.5] 2016/10/09
- Fixed userstyles site transfer bug

[v1.0.4] 2016/07/26
- Fixed numerous little things: icons, buttons, links, etc.
- Added styling for all Creator Studio pages, including graphs / charts for analytics

[v1.0.3] 2016/07/24
- Fixed channel page featured video styles
- Fixed a missed link hover state style for video sidebar
- Fixed small Chrome-specific styling bug with Watched overlay

[v1.0.0] 2016/07/24
- Initial release

Feedback

Discussions

Ask a new question or add a review for this style.