by jtzl 0 (0 reviews)

JTZL's Dark Mode

Name: JTZL's Dark Mode
Author: jtzl

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

JTZL's Dark Mode ranks #48,166 among WordPress.org plugins with 10+ active installations, is #221 of 765 in the Accessibility category, and was last updated Sep 26, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Compatible with WP 7.1.4

v1.0.0 Current Version v1.0.0

Updated 1 month ago Last Update on 26 Sep, 2026

Refreshed 1 week ago Last Refreshed on

#221 of 765 in Accessibility Top 50% by installs

View on WordPress.org

Rank

#48,166

— No change

Active Installs

10+

-33.3%

KW Avg Position

— No change

Downloads

541

+4 today

Support Resolved

— No change

Rating

Review 0 out of 5

0 (0 reviews)

Next Milestone 20

Total Progress 40%

10+ 20+

24,993

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 20+

Rank Changes

Current #48,166

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

0.0

0 reviews

Overall 0%

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: Sep 26, 2026
Requires WP: 6.9+
Tested Up To: 7.1.4
PHP Version: 8.2 or higher
Author: jtzl

Support & Rating

Rating: ☆ ☆ ☆ ☆ ☆ 0
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,757

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

#360

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

100K+ installs

#428

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

100K+ installs

#429

Accessibility by UserWay

80K+ installs

#509

Accessibility Widget by OneTap – Easy One-Click Accessibility Toolbar

AccessiYes Accessibility Widget for ADA, EAA & WCAG Readiness

20K+ installs

#1,116

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.

Yes. Bulletin draws its own forum screens and removes other plugins' stylesheets from them, so JTZL's Dark Mode adds its stylesheet to Bulletin's bltn_style_allowlist. With a classic theme, the forum screens go dark with the rest of the site. With a block theme, Bulletin's own light colors take precedence, and its forum screens stay light.

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)