Initial commit
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
# TT5 Light/Dark Toggle
|
||||
|
||||
WordPress plugin that adds a **light/dark mode toggle** for the [Twenty Twenty-Five](https://wordpress.org/themes/twentytwentyfive/) theme.
|
||||
|
||||
## Features
|
||||
|
||||
- Floating toggle button (bottom-right)
|
||||
- Remembers choice in `localStorage` and a cookie
|
||||
- Logged-in users: preference saved to user meta
|
||||
- Respects system `prefers-color-scheme` on first visit (until the user chooses)
|
||||
- No flash of wrong theme (inline script in `<head>`)
|
||||
- Dark palette tuned for TT5 default color presets
|
||||
|
||||
## Requirements
|
||||
|
||||
- WordPress 6.4+
|
||||
- Active theme: **Twenty Twenty-Five** (or a child theme of it)
|
||||
|
||||
## Installation
|
||||
|
||||
1. Copy the `tt5-light-dark-toggle` folder to `wp-content/plugins/`.
|
||||
2. Activate **TT5 Light/Dark Toggle** under **Plugins**.
|
||||
3. Visit your site — a **Dark** / **Light** button appears at the bottom-right.
|
||||
|
||||
## How it works
|
||||
|
||||
Twenty Twenty-Five does not ship with a built-in light/dark switch. This plugin overrides the theme’s CSS preset variables (`--wp--preset--color--*`) when `html` has the class `tt5-ldt-dark`, giving a readable dark version of the default style without changing your theme files.
|
||||
|
||||
## Notes
|
||||
|
||||
- Works with the **default** TT5 palette. If you use a **style variation** (Evening, Midnight, etc.), colors may look different; the toggle still swaps to a dark-friendly palette.
|
||||
- Custom blocks with hard-coded hex colors in the editor are not auto-adjusted.
|
||||
|
||||
## License
|
||||
|
||||
GPL-2.0-or-later
|
||||
Reference in New Issue
Block a user