Description
π Add beautiful dark mode to your WordPress site with customizable settings. Reduce eye strain and improve accessibility.
π Beautiful Dark Mode for WordPress
Dark Reader transforms your WordPress site with a beautiful, customizable dark mode experience. β¨ Give your visitors the option to browse your content in a comfortable dark theme that reduces eye strain and saves battery life on mobile devices.
π₯ Unlike other dark mode plugins, Dark Reader uses advanced algorithms to dynamically transform your website colors while preserving contrast and readability. No more ugly inversions or unreadable text!
β¨ Key Features
- π¨ Beautiful Dark Mode – Transform your website with a professional dark theme
- π§ Smart Color Algorithm – Preserves contrast and readability unlike simple inversions
- π Multiple Toggle Styles – Choose from 5 beautiful toggle button designs
- βοΈ Customizable Settings – Adjust brightness, contrast, sepia, and grayscale
- π Flexible Positioning – Place the toggle button anywhere on your site
- π Custom Color Schemes – Define your own dark and light mode colors
- π₯οΈ System Preference Detection – Automatically switch based on visitor’s system preference
- π Shortcode Support – Add toggle buttons anywhere with simple shortcodes
- π PDF Support – Apply dark mode to embedded PDF files
- π¨βπ» No Coding Required – Easy setup with intuitive admin interface
π Why Choose Dark Reader?
- π Better User Experience – Enhance visitor comfort and engagement
- βΏ Accessibility Improvement – Make your site more accessible to users with light sensitivity
- π Battery Life Savings – Dark mode uses less energy on OLED/AMOLED displays
- π― Modern Website Design – Stay current with the latest web design trends
- β‘ Performance Optimized – Lightweight implementation with minimal impact on page load time
β Dark Reader is perfect for blogs, business websites, online stores, portfolios, and any WordPress site that wants to offer visitors a comfortable reading experience in low-light environments.
π Easy Setup
Setting up Dark Reader is quick and easy:
- π₯ Install and activate the plugin
- βοΈ Customize your dark mode settings
- π¨ Choose your toggle button style and position
- π That’s it! Your site now has beautiful dark mode support
π οΈ Customization Options
Dark Reader offers extensive customization options:
- π‘ Adjust brightness (50% – 150%)
- π Fine-tune contrast (50% – 150%)
- π Apply sepia filter (0% – 100%)
- π€ Add grayscale effect (0% – 100%)
- π¨ Set custom background and text colors for dark mode
- π Choose from 5 toggle button styles (Default, Round, Switch, Toggle, Minimal)
- π± Position the toggle button anywhere (top-left, top-right, bottom-left, bottom-right)
π± Responsive and Accessible
Dark Reader is fully responsive and works perfectly on all devices – from desktops to smartphones. π² The plugin follows accessibility best practices, ensuring that your site remains usable for everyone.
πΌ Perfect for Professionals
Whether you’re a developer, designer, blogger or business owner, Dark Reader provides a professional solution for adding dark mode to your WordPress site without writing a single line of code. π
Installation
- Upload the
dark-reader
folder to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Go to Settings > Dark Reader to configure your dark mode settings
- Select your preferred toggle button style and position
- Save your settings and enjoy your beautiful dark mode!
FAQ
-
Will Dark Reader slow down my website?
-
No, Dark Reader is designed to be lightweight and optimized for performance. The plugin loads efficiently and has minimal impact on your page load times.
-
Can I customize the colors used in dark mode?
-
Yes! Dark Reader allows you to set custom background and text colors for both dark and light modes. You can create your own unique color scheme that matches your brand.
-
Does Dark Reader work with all themes?
-
Dark Reader is designed to work with most WordPress themes. The plugin uses advanced algorithms to transform your website’s colors intelligently. However, some themes with complex CSS or custom JavaScript might require minor adjustments.
-
Can visitors choose their preferred mode?
-
Absolutely! The toggle button allows visitors to switch between light and dark modes at any time. Their preference is saved for future visits.
-
Yes, you can use the
[dark_reader_toggle]
shortcode to add the toggle button anywhere in your content, widgets, or template files. -
Does Dark Reader support system preferences?
-
Yes! Dark Reader can automatically detect and apply your visitor’s system color scheme preference, switching to dark mode when their device is using dark mode.
-
Will images be inverted in dark mode?
-
No, Dark Reader is smart enough to preserve the original appearance of images while darkening the surrounding content. This ensures your images look their best in both modes.
-
Can I schedule dark mode to activate at specific times?
-
This feature is coming in the Pro version. Stay tuned for updates!
-
Is Dark Reader compatible with caching plugins?
-
Yes, Dark Reader works with popular caching plugins. The plugin’s JavaScript runs on the client-side, so it continues to function even with cached pages.
-
Can I exclude certain elements from dark mode?
-
This functionality will be available in the upcoming Pro version. For now, if you need to exclude specific elements, you can contact us for custom implementation guidance.
Contributors & Developers
“Dark Reader – Beautiful Dark Mode for any Website” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Dark Reader – Beautiful Dark Mode for any Website” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release