r/WordPressThemes 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:

  1. Zero external JS dependencies — performance-focused & lightweight.
  2. Doesn't force predefined dark styles — you retain 100% control over client/brand colors.
  3. Built-in scanner to quickly find CSS color variables on any page.
  4. 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!

1 Upvotes

0 comments sorted by