Dark Mode & Accessibility

for WordPress

Over 80% of users prefer dark mode. Give every visitor a better experience. Reduce eye strain with stunning dark mode and empower users with 12 built-in accessibility tools.

Get Darklup Now
60K+ downloads
D
Live Preview
Before & After
Light Mode
Introducing Accessibility • New Feature

Add Accessibility Without Rebuilding Your Site

Your visitors have different needs. Some prefer dark mode. Some need larger text. Some rely on screen readers. Darklup gives every visitor a panel they can control themselves so your site works for everyone.

  • 11 ready-to-use accessibility controls
  • Works instantly on any theme
  • Floating panel with user-friendly UI
  • Fully customizable behavior
Explore Accessibility

Accessibility Menu

ALT + A

Dark Mode
Contrast
Bigger Text
Readable Font
Highlight Links
Stop Animations
Monochrome
Font Weight
Align Text
Reading Mask
Hide Images
Reset Settings
Built-In Intelligence

Dark mode that works before they ask. Automatic. Scheduled. Stylish.

Three features that make dark mode feel effortless for your visitors and for you.

OS Based Dark Mode

Activates automatically on every OS

Automatically turn on dark mode for every operating system. Ensure a hassle-free dark mode transition for every visitor to your site before they even click anything.

Time Based Dark Mode

Set a schedule. Let Darklup run it.

Set dark mode based on your schedule without any hassle. Darklup has the most advanced time-based setting to start and end dark mode on your website.

15+ Floating Switches

Customizable Floating Switches

Change the appearance of your floating switch button with 15+ unique pre-optimized styles. Versatility always matters for website visitors.

DYNAMIC DARK MODE

Dark Mode That
Actually Thinks.

Most dark modes just flip a switch and hope it works. Dynamic Color Mode looks at every element on your page, text, buttons, images, backgrounds, and adjusts each one properly. No setup needed. No broken layouts. No weird color issues.

Dynamic Mode — Analyzing your page
Navigation Bar
Done
Hero Section
Analyzing…
Product Cards
Queued
Images & Media
Queued
Footer
Queued
The Process

Smart by Design,
Automatic by Default.

Four steps run in the background in milliseconds, so visitors just get a clean, perfect dark mode every time.

Step 01
Scan Every Element

Darklup scans every visible element on the page, text, buttons, cards, images, backgrounds and icons

Step 02
Measure Brightness

Each color is evaluated based on how bright it looks to the human eye, not just its hex value.

Step 03
Adapt Per Element

Light elements are darkened. Dark ones stay or get slight tweaks. Each element is handled on its own, never all at once.

Step 04
Works on Any Site

Portfolio, WooCommerce store, blog or corporate site, it adapts to your design. No theme or plugin conflicts.

Works Everywhere

Any Site. Any Design.
Always Looks Right.

Dynamic Mode adapts to your site, not the other way around.

Photography
Portfolio & Photography Sites

Hero images stay crisp. Bright galleries shift into clean dark tones. No color inversion, no washed out photos, just your work at its best.

Image-safe Gallery support Zero distortion
E-Commerce
Online Stores & Product Pages

Product images stay true to life. Price badges, CTA buttons and trust signals adapt cleanly. Shoppers get a premium dark experience with zero CSS tweaks.

Product images intact CTA preserved WooCommerce ready
Publishing
Blogs & Content Sites

Long form reading in dark mode feels great when done right. Body text, headings, quotes and images all adapt without hurting readability.

Readable typography Inline images Code blocks
Corporate
Business & Corporate Sites

Brand colors stay intact, not broken. Logos, accents and team photos render as they should. Your site looks professional in both modes.

Brand-safe Logo-aware Enterprise-ready
Advanced Feature

Advanced Image
Replacement Support.

No more confusion about the appearance of the image in dark mode. Now you can easily set different images for the dark mode and light mode. Images will automatically change based on visitors' dark/light mode settings.

Get Darklup Pro →
Light Mode - Before Dark Mode - After
dark-mode-custom.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/* Dark Mode Style */
.site-header {
background: #0d1a2d;
border-bottom: 1px solid #1e3a5f;
transition: all .3s ease;
}
.site-header a {
color: #7AC3FB;
font-weight: 500;
}
.hero-section {
background: linear-gradient(
#080f1a, #0d1a2d
);
color: #ffffff;
padding: 90px 0;
}
/* Add your overrides below */
Developer Friendly

Custom CSS
Support.

Change the color of a particular section of your website with your coding expertise. Because Darklup will give you the full opportunity of using custom CSS support settings.

Get Darklup Pro →
E-Commerce

WooCommerce
Integration.

Your store is too important to break. Darklup makes WooCommerce dark mode ready, product pages, cart and checkout, no code needed.

Product grids & single product pages
Cart, checkout & order confirmation
Product images stay true to life
Works with any WooCommerce theme
Get Darklup Pro
mystore.com/shop
Chair
$32 in stock
Dining Chair
$19
Polo T-Shirt
$12
Leather Chair
$19
Relaxo Sofa
$23
Dining Sofa
$32
T-Shirt
$120
+
New product
🛒 Cart totals
Subtotal$99
ShippingFlat rate $25
Shipping toBangladesh
Total$207
Proceed to checkout
📋 Your order

Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until funds have cleared.

Direct payment
Store pickup
PayPal
Place order →
Compatibility

Flawless
Compatibility.

View All Compatibility →
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6
Logo 7
Logo 8
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6
Logo 7
Logo 8
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6
Logo 7
Logo 8
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6
Logo 1
Logo 2
Logo 3
Logo 4
Logo 5
Logo 6

WALL OF LOVE

People's Thoughts on Darklup

Image

Stig

@stigsolberg

I had a customer asking me for dark mode on their website. I searched the web and tried out all the plugins available. I really loved Darklup and got a unlimited site license to use on all my clients website. I really look forward to se the development of Darklup.

Rated 5 out of 5
Image

leopage

@leopage

I love the dark mode, which is now available in almost every good app. But I have always missed it on websites. So it’s even nicer that I can now make my own website “darkmodefriendly” with DarkLup!

Rated 5 out of 5
Rated 5 out of 5

Ronen

@ronenpg

with lot’s of options to custom your button, the color and much more, great support for any issues, working great on my websites!

Image

Yam Yuen

@nnpnam

I believe that Darklup is the best all-in-one dark mode plugin for WordPress. I have been pleased with the quality customer service that I have received from Darklup. I highly recommend it!

Rated 5 out of 5
beachbum12
Rated 5 out of 5

The best plugin for those who wants to implement Dark/Light mode in their websites. Its easy to use and feature rich

Image

Ashishsalunke

@ashishsalunke

I purchased the plugin for personal sites to improve the user experience. Nice thing that I personally like about the plugin is it’s really simple to use. They take care of every little thing that matters from the users point of view.

Rated 5 out of 5
Image

eigme

@eigmE

Definitely a complete dark mode plugin for WordPress. We use several sites for our own and client-side. We find it very useful and increase conversion, dwell time and pleasure eyes with low contrast light. Can use any color, that easy to build the brand. Hats off to you Darklup.

Rated 5 out of 5
Darklup Pro

Super fast. Lightweight. Get the Pro Version Now.

Dark mode, accessibility panel, 15+ switches and more, all in one plugin.