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 #42,649 among WordPress.org plugins with 1+ active installations, is #251 of 630 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.1.1)

v1.0.0 Current Version v1.0.0

Updated 6 months ago Last Update on 24 Feb, 2026

Refreshed 11 hours ago Last Refreshed on

#251 of 630 in Accessibility

View on WordPress.org

Rank

#42,649

— No change

Active Installs

-91.7%

KW Avg Position

— No change

Downloads

449

+3 today

Support Resolved

— No change

Rating

20%

Review 1 out of 5

1 (0 reviews)

Next Milestone 10

Total Progress 40%

0+ 10+

41,946

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 6 more installs to reach 10+

Rank Changes

Current #42,649

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%)

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

6K+ installs

#2,759

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

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

100K+ installs

#357

404 to 301 – Redirect Manager, 301 Redirection, 404 Error Logs & 404 Monitoring

100K+ installs

#422

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

100K+ installs

#425

Accessibility by UserWay

Accessibility Widget by OneTap – Easy One-Click Accessibility Toolbar

50K+ installs

#693

AccessiYes Accessibility Widget for ADA, EAA & WCAG Readiness

20K+ installs

#1,191

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)