Descripción
Transform your WordPress site with a sleek dark mode toggle that your visitors will love.
Nightly is a lightweight, professional dark mode plugin that seamlessly integrates with any WordPress theme. Whether you’re using modern FSE (Full Site Editing) themes or classic themes, Nightly provides the perfect dark mode solution for your website.
Why Choose Nightly?
- Universal Compatibility – Works with FSE themes, classic themes, and everything in between
- Smart Theme Detection – Automatically adapts the interface based on your theme type
- Multiple Implementation Options – Gutenberg block, floating toggle, or manual integration
- Accessibility First – WCAG 2.1 AA compliant with full keyboard navigation and screen reader support
- Performance Optimized – Lightweight code that won’t slow down your site
- User Preference Respect – Automatically detects and honors system dark mode preferences
- Smooth Transitions – Customizable animation speeds for seamless theme switching
Key Features
- System preference detection (respects prefers-color-scheme)
- Customizable transition animations (0-1000ms)
- Multiple floating toggle positions (all four corners)
- localStorage persistence for user preferences
- Synchronized toggles (multiple toggles stay in sync)
- Mobile-responsive design
- RTL language support
Easy to Use
Getting Started is Simple:
- Install & Activate – One-click installation from WordPress.org
- Choose Your Method – Use the Gutenberg block or enable the floating toggle
- Customize Settings – Configure position, animation speed, and preferences
- Done! – Your visitors can now enjoy dark mode
No coding required. No theme modifications needed. Just install and go.
🛠️ Developer Friendly
- Clean, well-documented code following WordPress standards
- CSS custom properties for easy theme integration
- JavaScript events for advanced customization
- Hooks and filters for extensibility
- Modern build process with optimized assets
🌐 Accessibility & Performance
- WCAG 2.1 AA Compliant – Full accessibility support
- Keyboard Navigation – Tab, Enter, and Space key support
- Screen Reader Compatible – Proper ARIA attributes and announcements
- High Contrast Support – Works with Windows high contrast mode
- Lightweight – Minimal impact on page load times
- Conditional Loading – Assets only load when needed
Support
Need help? We’re here for you!
- Documentation: Comprehensive guides and examples
- Support Forum: Community support and troubleshooting
- Developer Resources: Hooks, filters, and customization guides
Visit plugpress.io for additional resources and premium support options.
Privacy
Nightly respects user privacy:
- No data is sent to external servers
- User preferences are stored locally in the browser
- No tracking or analytics
- GDPR compliant
- No cookies used
Your users’ privacy is protected while they enjoy the dark mode experience.
Instalación
Automatic Installation
- Log in to your WordPress admin dashboard
- Navigate to Plugins Add New
- Search for «Nightly Dark Mode Toggle»
- Click «Install Now» and then «Activate»
- Go to Appearance Nightly to configure settings
Manual Installation
- Download the plugin zip file
- Upload to your
/wp-content/plugins/directory - Extract the files
- Activate the plugin through the WordPress admin
- Configure settings under Appearance Nightly
Quick Setup
- Go to Appearance Nightly
- Enable «Auto-inject floating toggle»
- Customize position and animation settings
- Save settings – your site now has dark mode!
Using Gutenberg Blocks:
1. Edit any page or post
2. Add a new block and search for «Nightly»
3. Insert the block where you want the toggle
4. Customize the button text and appearance
5. Publish – visitors can now toggle dark mode on that page
FAQ
-
Does this work with my theme?
-
Yes! Nightly is designed to work with any WordPress theme – FSE, classic, custom, or premium themes. It uses CSS custom properties that adapt to your existing design.
-
Will this slow down my website?
-
No. Nightly is performance-optimized and only loads assets when needed. The total footprint is minimal and won’t impact your site speed.
-
Can I customize the appearance?
-
Absolutely! You can customize colors, position, animation speed, and behavior. Advanced users can use CSS custom properties for deeper customization.
-
Is it accessible for users with disabilities?
-
Yes. Nightly is WCAG 2.1 AA compliant with full keyboard navigation, screen reader support, and high contrast compatibility.
-
Can I use both the block and floating toggle?
-
Yes! You can use the Gutenberg block on specific pages and the floating toggle for site-wide coverage. They work together seamlessly.
-
Does it remember user preferences?
-
Yes. User preferences are saved in localStorage and persist across sessions. The plugin also respects system dark mode preferences.
-
Can I disable it on certain pages?
-
Yes. The floating toggle can be disabled globally, and blocks can be added or removed from specific pages as needed.
-
Is it translation ready?
-
Yes. Nightly is fully internationalized and ready for translation into any language.
-
Does it work with caching plugins?
-
Yes. Nightly is compatible with all major caching plugins and CDNs.
-
Yes. The plugin provides CSS custom properties for easy styling, and developers can override styles as needed.
Reseñas
No hay valoraciones para este plugin.
Colaboradores y desarrolladores
«Nightly — Dark Mode Toggle» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
Traduce «Nightly — Dark Mode Toggle» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.0.0
- Initial release
- Gutenberg block for flexible toggle placement
- Floating toggle with 4 position options
- FSE and classic theme support
- Admin dashboard with theme-specific interfaces
- System preference detection
- Accessibility compliance (WCAG 2.1 AA)
- Performance optimizations
- RTL language support
- Mobile responsive design
- localStorage preference persistence
- Smooth transition animations
- Multiple toggle synchronization