YouTube Dimmer

Added by yetanotheraccount@userstyles, Created: Dec 08, 2012, Updated: Sep 04, 2014
With the style applied
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)
Fade Time
Visibility
Background Color (dimmed)
Background Color (normal)
Ambient Light Color
Ambient Light Intensity

Description:

Move your mouse pointer out of the browser window to dimm the whole page (except the video).

Inspired by http://freestyler.ws/style/13648/youtube-lights-out-with-css, it adds fading, transparency and an optional ambient light around the video.

More info
2014-09-04:
hide youtube logo, search field, etc
add more options for Fade Time and Opacity
rename "Opacity" to "Visibility"
slight adjustment of some values

2014-07-17:
add option to change normal/undimmed background color
fade out redundant theater background in big mode

2013-11-18:
fix for new layout
hide guide and footer completely

2013-09-23:
fix for new css

2013-08-13:
fix dimming of new guide

2013-07-21:
adjust ambient light levels
fix dimming of guide (top left thingy below youtube logo)

2013-07-14:
use the proper selectors; include description/comment section
optional shadow/glow around video

2013-07-13:
support for video tag (no flash)

2012-12-20:
fix opacity setting

2012-12-09:
added support for https
new style setting: fade in/out time
new style settings: color, opacity

Installs:
Applies to:
http://www.youtube.com/watch, https://www.youtube.com/watch
Show code
License:
CC0 1.0 Universal.
yetanotheraccount@userstyles has waived all copyright and related or neighboring rights to YouTube Dimmer, to the extent allowed by law.
Report style issues

Related styles:

More Youtube themes

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.