Lazy Generic Inverted Grayscale Style

Added by luckymouse@userstyles, Created: Jun 26, 2012, Updated: Nov 06, 2015
  • With the style applied
  • example
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


What it does: Makes websites grayscale, then inverts it.

This affects everything (except video and probably any embed objects). Affects images as well.

Page scrolling speed is slowed when this style is active.

How to use: When you come across a website that is too dark/light, you add the website to the list of affected sites to make it opposite of what it currently is - dark becomes light, light becomes dark.

Play with the values to whatever you prefer. You can delete brightness and contrast properties in code to slightly increase scrolling performance.

Use it on sites that mainly have text content.

More info
grey grayscale greyscale gray negative invert black white dark light bright opposite

  • Updated to handle pages that don't specify page BG color, added Firefox support. Thanks to hideheader@userstyles
  • Maintenance update. Changed brightness value.

You should to add comment and rate the style.


+ Create discussion

Applies to:
http, ftp:, file:, about:neterror... More »
CC0 1.0 Universal.
luckymouse@userstyles has waived all copyright and related or neighboring rights to Lazy Generic Inverted Grayscale Style, to the extent allowed by law.

Related styles:

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