Mustafa Uysal

Stanislav Khromov

This plugin is only compatible up to WordPress 3.8. Later versions revamped the distraction free writing mode and are not compatible with this plugin.
Dark and light themes for WordPress Distraction Free Writing mode editor. Use one of the built-in themes based on classics such as Monokai or Q10, or write your own using CSS.
New in 3.0
<ul>
<li>Option to auto-start distraction free writing mode when editing posts</li>
<li>Per-user distraction free theme settings</li>
<li>Internationalization support</li>
<li>Auto-start distraction free mode based on user roles</li>
</ul>
Translations:
<ul>
<li>Turkish</li>
</ul>
Thanks to <a href="https://profiles.wordpress.org/m_uysl" rel="nofollow ugc">m_uysl</a> for these additions.
New in 2.1 
Introducing Autolycus and ZenHub themes – check out the screenshots in the Screenshots tab!
<a href="http://khromov.wordpress.com/2013/03/19/new-themes-for-wordpress-distraction-free-writing-mode" title="Read the announcement!" rel="nofollow ugc">Read the full announcement!</a>
Usage
Enter the Distraction Free writing Mode in WordPress by clicking the DFWM button in the editor. (Shortcut Alt+Shift+W)
<a href="http://en.support.wordpress.com/distraction-free-writing/" rel="nofollow ugc">Read mode about the Distraction Free writing Mode</a>
<h3>Requirements</h3>
<ul>
<li>PHP 5.3 or higher strongly recommended</li>
</ul>
<h3>Translations</h3>
None at the moment. Translations welcome.
<h3>TODO</h3>
<ul>
<li>More themes! (If you’ve made a theme, make sure to submit it through the WordPress Support forum!)</li>
<li>Better instructions for making custom themes.</li>
<li>Theming the top bar. (Not done due to complexity in current themes, but future themes can technically do this.)</li>
</ul>

Distraction Free Writing mode Themes

Provides dark and light themes for for Distraction Free Writing mode. Use one of the beautiful built-in themes or write your own.

iamraju

<h4>Darklio helps to create a stunning eye-pleasing dark mode version for your WordPress website easily and effectively.</h4>
The trend of dark mode has been rapidly growing in recent years, as more and more people seek ways to reduce eye strain and improve their online browsing experience. And with Darklio – WordPress Dark Mode Plugin, you can effortlessly add a fabulous dark mode theme to your WordPress website, providing your users with a stylish and convenient option.
Darklio is a powerful and lightweight WP Dark Mode plugin that uses advanced technology to flawlessly apply dark mode, intelligently understanding the structure of your website to deliver optimal design results. Whether your users prefer the sleek look of dark mode or simply wish to reduce eye strain, Darklio is the perfect solution.
Let’s grow, connect, and thrive together!
<ul>
<li>🌐 Follow Us on <a href="https://www.linkedin.com/company/darklio" rel="nofollow ugc">LinkedIn</a></li>
<li>🌐 Follow Us on <a href="https://x.com/darklioOfficial" rel="nofollow ugc">X (Twitter)</a></li>
<li>🎥 Subscribe on <a href="https://www.youtube.com/@darklio_official" rel="nofollow ugc">YouTube</a></li>
<li>👍 Like Our <a href="https://www.facebook.com/darklio.official" rel="nofollow ugc">Facebook Page</a></li>
</ul>

👁️ <a href="https://darklio.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darklio.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
With its extensive customization options, including a variety of floating switch designs, color, image, and video appearance control. Easily add a switch to your menu, display it anywhere on your site with a shortcode, or set it as the default theme – Darklio makes it all possible.
<h3>DARKLIO FEATURES</h3>
Get ready to experience the power and versatility of the Darklio Dark Mode plugin for WordPress. Discover its impressive array of features designed to enhance your website’s user experience, reduce eye strain, and align with your branding. Take a closer look and see why Darklio is the perfect solution for adding a stylish dark mode theme to your website.
<ol>
<li>Frontend Dark Mode – Apply dark mode to your website with a single click. The plugin uses advanced technology to understand your website structure for the best design output.</li>
<li>Default Dark Mode – Automatically display your website in dark mode. Set your website to dark mode by default and let visitors turn it off if they prefer.</li>
<li>OS Aware Dark Mode – Adapt to users’ device settings for a customized experience. The plugin automatically detects the operating system settings of each user and switches to dark mode accordingly.</li>
<li>Keyboard Shortcut – Quick ON/OFF toggle with Ctrl+Alt+D. The keyboard shortcut allows you to quickly turn dark mode on or off with just a few keystrokes.</li>
<li>Time Based Dark Mode – Automatically switch based on local time. The plugin can be set to automatically turn on dark mode based on the user’s local time.</li>
<li>Multiple Floating Switch Designs – Choose a switch design to match your site. Choose from multiple floating switch designs to match the style of your website.</li>
<li>Customizable Switch – Match the switch to your branding. Customize the switch’s appearance to match your brand’s colors and style.</li>
<li>Shortcode Switch – Show the switch anywhere on your site. Use the shortcode to show the switch anywhere on your site, making it accessible from any page or post.</li>
<li>Color Customization – Choose the brightness and contrast level when its dark.</li>
<li>Image Control – Control image brightness, grayscale, background darkening, and inversion of inline SVGs. The plugin provides control over images, allowing you to adjust brightness, grayscale, background darkening, and inversion of inline SVGs for the best design in dark mode.</li>
<li>Video Control – The plugin also includes a feature that allows you to control the brightness and grayscale level of videos for the best design in dark mode. With this, you can adjust the brightness and grayscale of videos to ensure they blend seamlessly with the rest of your dark mode design.</li>
<li>Page Builder Compatibility – Works with popular page builders like Divi Builder, WP Bakery, Visual Composer, Beaver Builder, Oxygen Builder, and Elementor. The plugin is compatible with popular page builders, making it easy to use with any website design.</li>
</ol>
👁️ <a href="https://darklio.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darklio.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
<h3>🔥 PRO FEATURES OF DARKLIO</h3>
Upgrade to Darklio Premium and take your dark mode theme to the next level. With our premium offering, you’ll gain access to a range of powerful and unique features that will help you to stand out from the crowd and deliver an even more immersive dark mode experience to your users.
<ol>
<li>9+ Floating Switch Designs – Choose from an extensive collection of floating switch designs to match your site’s style and branding. With 7+ options to choose from, you’ll find the perfect switch to complement your website.</li>
<li>Image Inversion – Automatically invert specified images with ease. Whether you’re looking to achieve a unique look or simply enhance the accessibility of your site, Darklio Premium makes it easy to invert images in dark mode.</li>
<li>Image Replacement – Automatically replace specified images in dark mode. Whether you’re looking to add a touch of customization or simply improve the look of your site, Darklio Premium makes it easy to replace images in dark mode.</li>
<li>Video Replacement – Automatically replace specified videos in dark mode. This feature allows you to add a personalized touch to your dark mode design or simply improve the appearance of your website by replacing videos with versions that are better suited for dark mode.</li>
<li>Allow / Disallow Elements – With the powerful controls to allow or disallow dark mode color presets in specific HTML elements or sections, you have complete control over the appearance of your site in dark mode.</li>
<li>Allow / Disallow Pages – Control which pages display dark mode and which don’t. With the ability to allow or disallow dark mode on specific pages, you have complete control over the experience your visitors have on your site.</li>
<li>Allow / Disallow Posts – Control which posts display dark mode and which don’t. With the ability to allow or disallow dark mode on specific posts, you have complete control over the experience your visitors have on your site.</li>
<li>Custom CSS – Write custom styles using CSS to be effective only on dark mode. Whether you’re looking to make minor tweaks or major changes, Darklio Premium makes it easy to write custom CSS for dark mode.</li>
</ol>
With these premium features and more, Darklio Premium is the ultimate solution for delivering a fabulous dark mode theme to your WordPress website.
👁️ <a href="https://darklio.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darklio.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
<h3>HOW DARKLIO WORKS</h3>
The plugin is very easy to use in WordPress. Just follow these quick steps-
<ol>
<li>Install Darklio and activate it.</li>
<li>Check your website, and you should already see the dark mode floating switch at the bottom right.</li>
<li>To customize, click on the Darklio menu on your WordPress dashboard.</li>
</ol>
<h3>External services</h3>
This plugin connects to an API to obtain promotional information but no user data is collected via this API.

Darklio – AI-Powered Dark Mode Plugin for WordPress

WordPress Dark Mode plugin to ready your site for the night. Multiple floating switches to choose between night mode and normal mode.

Distraction Free Writing mode Themes vs Darklio – AI-Powered Dark Mode Plugin for WordPress