by JT G. 1 (0 reviews)

JTZL's Dark Mode

Name: JTZL's Dark Mode
Author: JT G.

Automatic dark mode styling based on visitor OS preference using CSS prefers-color-scheme media query.

JTZL's Dark Mode ranks #63,448 among WordPress.org plugins with 1+ active installations, is #246 of 520 in the Accessibility category, a 1/5 rating from 0 reviews, and was last updated Feb 24, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 6.9 (Current: 7.0.2)

v1.0.0 Current Version v1.0.0

Updated 5 months ago Last Update on 24 Feb, 2026

Refreshed 6 hours ago Last Refreshed on

#246 of 520 in Accessibility

View on WordPress.org

Rank

#63,448

— No change

Active Installs

— No change

KW Avg Position

— No change

Downloads

344

+1 today

Support Resolved

— No change

Rating

20%

Review 1 out of 5

1 (0 reviews)

Next Milestone 10

Total Progress 10%

0+ 10+

62,669

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 9 more installs to reach 10+

Rank Changes

Current #63,448

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

1.0

0 reviews

Overall 20%

0 (0%)

Tracked Keywords

Showing 1 of 1

Keyword	Position	Change	Type	Updated
prefers-color-scheme	9	—	Tag	1 day ago

Unlock Keyword Analytics

Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.

Full keyword position tracking
Historical ranking data
Competitor keyword analysis

Upgrade to Pro

Upgrade Plan

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.0.0
Last Updated: Feb 24, 2026
Requires WP: 6.9+
Tested Up To: 6.9
PHP Version: 8.2 or higher
Author: JT G.

Support & Rating

Rating: ★ ☆ ☆ ☆ ☆ 1
Reviews: 0
Support Threads: 0
Resolved: 0%

Keywords

accessibility dark mode dark theme prefers-color-scheme

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

7K+ installs

#2,724

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

404 to 301 – Redirect Manager, 404 Error Logs & Notifications

100K+ installs

#353

Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades

100K+ installs

#359

Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)

100K+ installs

#430

Accessibility by UserWay

Accessibility Widget by OneTap – Easy One-Click Accessibility Toolbar

50K+ installs

#718

Alt Text AI - Automatically generate image alt text for SEO and accessibility

20K+ installs

#1,200

View all Accessibility plugins

Frequently Asked Questions

Common questions about JTZL's Dark Mode

No. JTZL's Dark Mode works automatically without any settings or configuration.

The plugin uses the CSS prefers-color-scheme: dark media query, which detects your operating system's color scheme preference. This is a privacy-respecting, client-side-only approach.

No. The plugin includes media preservation rules that ensure images, videos, iframes, and embedded content display without color distortion.

Yes. Use the jtzl_dark_mode_enabled filter hook: add_filter( 'jtzl_dark_mode_enabled', function( $enabled ) { if ( is_page( 'landing-page' ) ) { return false; } return $enabled; } );

Yes. Use the jtzl_dark_mode_css_variables filter hook to override default CSS variables: add_filter( 'jtzl_dark_mode_css_variables', function( $variables ) { $variables['--id-bg-primary'] = '#0d1117'; $variables['--id-text-primary'] = '#f0f0f0'; return $variables; } ); Available CSS variables: * --id-bg-primary - Primary background color * --id-bg-secondary - Secondary background color * --id-text-primary - Primary text color * --id-text-secondary - Secondary text color * --id-border-color - Border color * --id-link-color - Link color * --id-link-hover - Link hover color Note: CSS variables only apply to Block themes. Classic themes use filter inversion.

Yes. JTZL's Dark Mode uses different styling strategies optimized for each theme type: Block themes (FSE): Uses CSS custom properties for precise color control Classic themes: Uses CSS filter inversion for broad compatibility Both approaches ensure proper dark mode rendering without theme modifications.

No. Dark mode styling is applied only to the public-facing frontend of your site.

Yes. Use the jtzl_dark_mode_custom_css filter hook: add_filter( 'jtzl_dark_mode_custom_css', function( $css ) { return $css . '@media (prefers-color-scheme: dark) { .my-element { color: #fff; } }'; } );

PHP 8.2 or higher WordPress 6.9 or higher Composer (for development only)