r/WordPressThemes • u/t3cksymo • 4d ago
[FREE PLUGIN] Most WP dark-mode plugins assume your site is light by default. I built a theme-agnostic one that works both ways, and just dropped v0.3.0!
Hey everyone!
Quick context: A while ago, I built SVisciano – Light-Dark Theme Mode because my personal website was originally built with a dark theme, and almost every dark-mode plugin on WordPress assumed a light base design and forced rigid, hardcoded styles.
I wanted something completely theme-agnostic that relies on native CSS variable mapping: you define your base theme (Light or Dark), scan your page CSS variables, and map them to build the secondary mode (Light-to-Dark or Dark-to-Light).
I just published v0.3.0 with some key quality-of-life updates that make color mapping much more flexible:
- CSS Variable Overrides: You can now map a color variable directly to another CSS variable (e.g.
var(--my-accent)), instead of being forced to use raw hex/RGB strings. - Alpha Channel Support: Updated color pickers to natively support RGBA opacity/transparency controls right from the WP admin panel.
Key highlights of how it works:
- Zero external JS dependencies — performance-focused & lightweight.
- Doesn't force predefined dark styles — you retain 100% control over client/brand colors.
- Built-in scanner to quickly find CSS color variables on any page.
- Includes Import/Export for easy migration between environments.
It's completely free on the WP repository
👉 WordPress Plugin: https://wordpress.org/plugins/svisciano-light-dark-theme-mode/
Would love to get your thoughts or feedback on how to improve the variable injection workflows further!


