Mega Sale — up to 70% off every Pro plan

Ends Sep 16 at 10:00 am GMT+0000. Claim the discount

Advanced WordPress Dark Mode Plugin — Full Control Over Targeting and Customization

Take full control of how dark mode is applied across your site with powerful element, page, and CSS targeting options. Customize every aspect of your site’s dark mode without touching a single line of code.

Precise element targeting with HTML and CSS controls

Control exactly which elements should be affected by dark mode, by tag, class, or ID.

Apply dark mode styling exclusively to specific elements by targeting HTML tags, classes, or IDs. The Advanced WordPress Dark Mode Plugin gives you precise control over what parts of your site switch to dark.

Automatically adjust background and text colors for a smooth transition to maintain visual consistency. This feature ensures your selected dark mode areas always look polished and legible.

Exclude specific elements from dark mode styling to avoid visual clashes or preserve original designs. Ideal for forms, widgets, or third-party embeds that shouldn’t be altered.

Override conflicting styles even on excluded elements to preserve readability and layout integrity. With the Advanced WordPress Dark Mode Plugin, you can ensure every element behaves exactly as intended.

Test Element Exclusions in Dark Mode – Advanced WordPress Dark Mode Plugin

See how Darkify’s HTML and CSS Restrictions let you precisely control which elements are affected by dark mode. This section is excluded from dark mode, meaning it will stay light even when the rest of your site is in dark mode. Switch the site to dark mode to see it in action.

Granular control for pages and posts

Decide exactly where dark mode should be applied on your site — include or exclude specific pages and posts.

Restrict dark mode to specific pages on your WordPress site. With the Advanced WordPress Dark Mode Plugin, you can control exactly where dark mode appears for a refined, user-friendly experience.

Exclude certain pages from dark mode to maintain your intended design. Ideal for landing pages, checkout flows, or other areas where dark styling may not be appropriate.

Enable dark mode only on selected blog posts to highlight key content or create a curated reading experience. Perfect for showcasing featured articles in dark theme.

Prevent dark mode from affecting specific posts that rely on custom visuals or unique branding. Use this option to ensure full control over post-level presentation with the Advanced WordPress Dark Mode Plugin.

Total style control with custom CSS

For ultimate control, add your own CSS for both dark mode and normal mode.

Apply dark mode styling exclusively to specific elements by targeting HTML tags, classes, or IDs. The Advanced WordPress Dark Mode Plugin gives you precise control over what parts of your site switch to dark.

Automatically apply your custom styles to all child elements for consistent, predictable results. This feature ensures design uniformity across nested structures in dark mode.

Use advanced pseudo-class selectors and smart filters to precisely control your dark mode styling. Ideal for developers who need fine-grained control over specific components using the Advanced WordPress Dark Mode Plugin.

Define global styles that apply in both dark and light modes. This gives you complete design flexibility and ensures brand consistency across all display settings.

Backup and extras section

Back up your dark mode settings, move them between sites, or clean up on deletion.

Restrict dark mode to specific pages on your WordPress site. With the Advanced WordPress Dark Mode Plugin, you can control exactly where dark mode appears for a refined, user-friendly experience.

Securely back up your custom dark mode settings and switch styles. Download your configurations at any time to ensure consistent design across updates or site migrations.

When uninstalling the Advanced WordPress Dark Mode Plugin, you can optionally remove all stored settings and data — keeping your WordPress database clean and clutter-free.

Common Questions About Advanced Settings

Still unsure? Talk to us.

Yes. Use Allow Only Elements to name the tags, classes, or IDs that should go dark, and everything else stays as-is.

Add them to the disallowed pages or disallowed posts list, and Darkify skips dark mode on those URLs entirely.

Yes — the Dark Mode CSS editor applies only while dark mode is active. There is a separate editor for CSS that should apply in both modes.

Only if you put it in the Normal Mode CSS field. Anything in Dark Mode CSS is scoped to dark mode.

Your site returns to its normal light appearance immediately. Darkify never modifies your theme files, and you can optionally have it remove its stored settings on deletion.

Yes. Export your settings to a file from one site and import it on another — useful for staging environments and multi-site setups.

Toggle Dark Mode