How to Adjust Brightness, Saturation, Contrast, and Hues in Midnight Lizard

Updated

Midnight Lizard lets you tune four display parameters — brightness, saturation, contrast, and hues — plus a blue light filter, and apply the result to every website you visit. You adjust them once in the extension's settings, and the values carry across sites rather than being tied to a single page. This guide covers what each control does, how to set them for readability, and how to use the blue light filter and dark night mode in the evening.

What you can adjust

Midnight Lizard exposes these display controls:

Control What it changes Typical use
Brightness Overall lightness of the page Dim a glaring white page
Saturation Intensity of colors Tone down loud colors, or go grayscale
Contrast Difference between light and dark areas Sharpen text against background, or soften harsh contrast
Hues The color cast applied to the page Shift toward warmer or cooler tones
Blue light filter Reduces blue tones Evening use to protect your eyes
Dark night mode Applies a dark scheme across sites Night reading, low-light environments

Because each color scheme works on all websites, the values you set are global — you are not re-tuning them per site.

Setting the parameters

  1. Open the Midnight Lizard settings from your browser's extensions area (the extension runs in Chrome and Firefox).
  2. Choose a base color scheme — dark, light, grayscale, or colorful — as your starting point.
  3. Move the brightness, saturation, contrast, and hue controls to the values you want.
  4. Watch the preview or an open page update as you change each value.
  5. Keep the settings; they apply to every site you load afterward.

The expected result is that pages render with your chosen scheme and your adjusted brightness, saturation, contrast, and hues, without per-site configuration.

Improving readability

Readability problems usually come from one of three things, and each maps to a control:

  • Text that is too faint against the background — raise contrast so the text separates more clearly from the page.
  • Colors that are too loud or distracting — lower saturation, or switch to a grayscale scheme.
  • A page that is too bright overall — lower brightness rather than only switching to dark mode; this keeps the layout familiar while reducing glare.

If a page still feels harsh after adjusting contrast, try shifting the hues toward a warmer cast instead of pushing contrast higher — very high contrast can make some pages harder to read, not easier.

Blue light filter and dark night mode in the evening

For evening use, the blue light filter reduces blue tones so the screen is warmer. This is the setting to reach for when you want to keep a lighter scheme but cut the blue light that is most noticeable at night.

Dark night mode is the alternative when you want the whole page dark rather than just warmer. Use it in low-light environments or for night reading. You can combine a dark scheme with the blue light filter if a dark page still feels too cool in tone.

Common sticking points

  • Changes not showing on a page — reload the page; the scheme is applied as pages load.
  • One site looks wrong after adjusting — since settings are global, a value that suits most sites may not suit all. Adjust the shared values rather than expecting per-site overrides.
  • Contrast pushed too far — if text becomes hard to read, back off contrast and use brightness or hue instead.

The practical approach: pick a base scheme, set brightness and contrast for comfort, use saturation and hues to correct color problems, then add the blue light filter or dark night mode for evening.