SVisciano - Light-Dark Theme Mode
| 开发者 | svisciano |
|---|---|
| 更新时间 | 2026年9月6日 15:01 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.0 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Set your Base Theme: Select whether your site is natively Light or Dark.
- Scan CSS Variables: Automatically detect the color variables used on any page of your site with one click.
- Map Your Colors: Pair your original color variables with your custom override colors.
- Display the Switcher: Place the shortcode anywhere on your site to display a beautiful toggle.
- Flexible Base Theme: Choose Light or Dark as your starting point.
- Smart Visitor Preferences: Set the starting theme for first-time visitors (including an Auto mode that follows browser preferences).
- Automatic CSS Variable Scanner: Easily detect color variables on your pages to simplify the mapping process.
- Instant Search & Filters: Quickly find scanned variables by name or value to speed up your workflow.
- Total Mapping Control: Map variables automatically or manually enter custom names.
- Import & Export: Back up your color mappings or transfer them to another site in seconds.
- Beautiful Toggle Styles: Choose from multiple modern switcher designs (like Minimal Switch or Glass Pill) to match your site's aesthetic.
- Shortcode Placement: Place the [SVISCIANO_THEME_SWITCHER] shortcode exactly where you need it.
- Lightweight & Fast: Pure CSS variable manipulation that doesn't bloat your site or modify your original design.
安装:
- Go to "Plugins" > "Add New" and search for "SVisciano - Light-Dark Theme Mode";
- Click "Install", then "Activate";
- Go to "Settings" > "SVisciano - Light-Dark Theme Mode" to configure the plugin.
- Download the plugin zip file
- Go to "Plugins" > "Add New" > "Upload Plugin", and select the ZIP file;
- Click "Install", then "Activate";
- Go to "Settings" > "SVisciano - Light-Dark Theme Mode" to configure the plugin.
屏幕截图:
常见问题:
Does the plugin work with an already light or dark theme?
Yes! The plugin does not enforce a predefined style. You choose which theme (Light or Dark) will be the base, and the plugin applies the alternate theme when the switch is activated.
How does the "Auto" mode work?
The "Auto" mode detects the user's browser preference. If the user has dark mode enabled in their system, the alternate dark theme is applied, otherwise, the alternate light theme is applied.
Does the plugin automatically map all site colors?
No. The plugin only scans a page to detect color variables. You must manually map each original color variable to a custom override color.
Can I place multiple toggle switches on a page?
You can insert the shortcode anywhere, but only one toggle per page will work. If you add multiple toggles, only the first one will be functional.
Are multiple toggle styles available?
Yes. You can select the default toggle style in the plugin settings, and the shortcode will display it accordingly.
Do the override colors replace the original theme colors?
No. The base theme colors remain intact. When the switch is active, only the mapped override colors are applied. Switching OFF restores the original base theme.
Is the plugin compatible with any theme?
The plugin works at the CSS level and does not rely on any theme-specific logic. In practice, it can be used with any theme, but the actual results depend on the color variables present and how the theme is structured.
更新日志:
- Add: CSS variable support in color mapping overrides
- Add: Alpha channel support for color pickers
- Fix: WordPress Plugin Check compliance standards
- Update: Tested and fully compatible with WordPress 7.1
- Add: Added default theme options for first-time visitors
- Add: Added search filter for scanned CSS variables
- Add: Added import and export functionality for color mapping
- Update: Modernized UI tables
- Tweak: Optimized dynamic table resizing and scroll behavior
- Improved CSS variable generation for theme switching
- Initial release