Mega Sale — up to 70% off every Pro plan

Ends Oct 8 at 10:00 am GMT+0000. Claim the discount

Advanced WordPress Dark Mode Image Control Settings

Get full control over how images appear in dark mode with the Darkify plugin. From brightness and grayscale to background darkness, SVG inversion, and replacement images, explore all the image control settings available for a perfectly styled site.

Light mode: original image

Optimize image brightness for dark mode

Dim images so they sit comfortably against a dark background.

Reduce the brightness of all images in dark mode to create a softer, more comfortable look.

Fine-tune brightness levels from 0% to 100% for the perfect balance.

Use a comma-separated URL or a list of image URLs to exclude certain images from brightness adjustment.

See image brightness in action

Flip the switch. The image on the left takes the low-brightness treatment; the one on the right is excluded.

Image with reduced brightness for dark mode in WordPress - Darkify Plugin

This image applied Low Brightness on dark mode

Image excluded from brightness adjustment in dark mode - Darkify Plugin

This image is excluded from the brightness

Convert images to grayscale for a cohesive dark mode design

A unified, restrained look — with per-image exceptions when you need color.

Apply a grayscale filter to all images in dark mode for a sleek, professional look.

Adjust grayscale intensity from 0% to 100% to match your site’s style.

Use a comma-separated URL or a list of image URLs to exclude certain images from grayscale filtering.

See grayscale image conversion in action

The left image converts to grayscale in dark mode; the right one keeps its color.

Image converted to grayscale for dark mode in WordPress - Darkify Plugin

This image applied Grayscale on dark mode

Colorful image excluded from grayscale conversion in dark mode - Darkify Plugin

This image is excluded from the grayscale

Control background image darkness for a more balanced design

Background images often stay too bright in dark mode. Set a darkening level and keep overlaid text readable.

Automatically invert inline SVGs for consistent dark mode

Dark logos and icons disappear on dark backgrounds. Darkify flips them for you.

Automatically invert inline SVGs for a clean, polished look in dark mode.

See SVG inversion in action

Automatically invert inline SVGs for consistent dark mode in WordPress - Darkify Plugin

Inline SVG, inverted in dark mode

Replace images for a customized dark mode experience

Swap any image for a purpose-made dark version — no filters, no compromises.

Light mode image for a customized dark mode experience - Darkify Plugin

See Replace Image in action

Common Questions About Image Controls

Still unsure? Talk to us.

Yes. Turn on Low Brightness Images and set the level with the brightness slider — it applies to every image on the site in dark mode.

Yes — paste the image URLs into the exclude field for either effect, and those images render untouched.

Turn on Invert Inline SVGs. Darkify inverts inline SVG artwork automatically, and you can target extra images by URL.

Yes. Add the normal image and its dark mode version in the Replace Images upload fields, and Darkify swaps them when dark mode is active.

No. Every video control applies only while dark mode is active. Your light appearance is unchanged.

Toggle Dark Mode