by jtzl
0 (0 reviews)
JTZL's Dark Mode
Automatic dark mode styling based on visitor OS preference using CSS prefers-color-scheme media query.
Compatible with WP 6.9.4
v1.0.0
Current Version v1.0.0
Updated 1 month ago
Last Update on 25 Feb, 2026
Refreshed 6 hours ago
Last Refreshed on
Rank
#54,059
—
No change
Active Installs
0+
-100%
KW Avg Position
6
—
No change
Downloads
179
+2 today
Support Resolved
0%
—
No change
Rating
0%
Review 0 out of 5
0
(0 reviews)
Next Milestone 10
0+
10+
21,579
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
Need 9 more installs to reach 10+
Rank Changes
Current
#54,059
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
0.0
0 reviews
Overall
0%
5
0
(0%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 1 of 1| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| prefers-color-scheme | 6 | — | Tag | 1 month 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
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 1.0.0
- Last Updated
- Feb 25, 2026
- Requires WP
- 6.9+
- Tested Up To
- 6.9.4
- PHP Version
- 8.2 or higher
- Author
- jtzl
Support & Rating
- Rating
- ☆ ☆ ☆ ☆ ☆ 0
- Reviews
- 0
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,715
Master Addons For Elementor – Widgets, Extensions, Theme Builder, Popup Builder & Template Kits
30K+ installs
#953
404 to 301 - Redirect, Log and Notify 404 Errors
100K+ installs
#337
Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades
100K+ installs
#355
Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)
100K+ installs
#428
Frequently Asked Questions
Common questions about JTZL's Dark Mode
add_filter( 'jtzl_dark_mode_enabled', function( $enabled ) {
if ( is_page( 'landing-page' ) ) {
return false;
}
return $enabled;
} );
if ( is_page( 'landing-page' ) ) {
return false;
}
return $enabled;
} );
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.
Does this work with Full Site Editing (FSE) themes?
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.
Does this affect the WordPress admin area?
No. Dark mode styling is applied only to the public-facing frontend of your site.
Can I add custom CSS rules?
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; } }';
} );
$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.
Does this work with Full Site Editing (FSE) themes?
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.
Does this affect the WordPress admin area?
No. Dark mode styling is applied only to the public-facing frontend of your site.
Can I add custom CSS rules?
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)
WordPress 6.9 or higher
Composer (for development only)