How Midnight Lizard Applies Color Schemes to Every Website
Updated
Midnight Lizard is a browser extension for Chrome and Firefox that applies a custom color scheme across all websites rather than per site. You pick a scheme once, and the extension renders it on every page you open, so the look stays consistent and does not break when individual sites redesign. It also lets you dim bright colors and images, and adjust brightness, saturation, contrast, and hues for readability.
What "all websites" actually means
The core design choice is global application. Instead of configuring colors site by site, you define a scheme and the extension maps it onto page content as you browse.
| Aspect | How it works |
|---|---|
| Scope | One scheme applies to all websites |
| Maintenance | Scheme does not become outdated when a site updates |
| Scheme types | Dark, light, grayscale, or colorful |
| Fine-tuning | Brightness, saturation, contrast, hue adjustments |
| Bright content | Option to shade bright colors and images |
Because the scheme is not tied to a specific site's markup, a redesign on any given website does not invalidate your colors. That is the main practical benefit: you set it up once and it keeps working.
Why a global scheme stays current
Site-specific themes usually depend on that site's class names, layout, or CSS. When the site changes, the theme breaks. Midnight Lizard avoids that dependency by applying its scheme at the rendering level across pages, so it does not rely on any single site's structure staying the same.
This is also why the same scheme can cover a site you have never visited before — there is nothing per-site to configure first.
Adjusting for readability and eye comfort
Beyond picking a base scheme, you can tune the output:
- Brightness, saturation, contrast, hues — adjust these to improve accessibility and readability on text-heavy pages.
- Blue light filter — apply it in the evening to reduce blue light.
- Shade bright colors and images — tone down elements that stay too bright under a dark scheme.
These controls matter because a single global scheme has to work on very different pages. Tuning brightness and contrast is often what makes a dark scheme comfortable on both a text article and an image-heavy page.
Global scheme vs. per-site tweaks
A global scheme gives consistency and low maintenance. The trade-off is that one setting covers everything, so a page with unusual colors may need adjustment through the global controls rather than a site-specific override. If your priority is a uniform look that never goes stale, the global approach fits. If you need a different treatment for one particular site, that is the case where a single global scheme is least flexible.
Quick fit check
Choose Midnight Lizard if you want:
- One color scheme across all sites without configuring each one
- A theme that survives website redesigns
- Dark, light, grayscale, or colorful options with brightness, saturation, contrast, and hue control
- A blue light filter and shading for bright colors and images
It is available as an extension for Chrome and Firefox.