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.

PlugPress

Fahim Reza

Nightly Dark Mode adds dark mode to your website in one click. Give visitors a more comfortable viewing experience with automatic dark mode that can help reduce eye strain. With customizable color schemes, scheduling options, and a floating toggle button, Nightly makes it easy to offer a dark theme for your site.
<h4>Why Dark Mode?</h4>
Dark mode makes your site more comfortable to browse in low light. Many users prefer it at night, and OLED screens may use less power with darker colors. It also gives your site a modern look.
<h4>How It Works</h4>
Nightly applies a smart CSS-based filter to create a dark version of your site when dark mode is enabled. Visitors can switch between light and dark using a floating toggle button, or you can enable automatic scheduling based on the time of day. The plugin also intelligently re-inverts images and media so they look correct in dark mode.
<h4>Key Features</h4>
6 Color Themes 
Choose from Classic, Cool, Warm, High Contrast, Pure Black (OLED), or create your own custom colors.
Smart Auto-Scheduling 
Automatically enable dark mode during evening hours (e.g., 8 PM to 6 AM).
Customizable Toggle Button 
3 styles (Classic, Pill, Minimal) with 5 size options that float on your site.
Smooth Transitions 
Adjustable fade animations when switching between light and dark modes.
Keyboard Shortcuts 
Let power users toggle dark mode with customizable keyboard shortcuts.
Per-Page Control 
Disable dark mode on specific pages, such as landing pages or photo galleries.
Media Controls 
Individual brightness adjustments for images, videos, and backgrounds.
Performance Optimized 
Lightweight and fast with no impact on page speed.

Nightly Dark Mode

Nightly Dark Mode customizable dark mode plugin for site that allows you to easily add a dark theme.

Distraction Free Writing mode Themes vs Nightly Dark Mode