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.

Simone Visciano

SVisciano – Light-Dark Theme Mode allows you to easily create a secondary color variant for your website. Give your users the freedom to switch between your default style and a custom color override with a sleek, modern toggle.
Unlike rigid dark mode plugins, it does not force a predefined style. It works on top of your existing design, meaning your base theme can be either light or dark. 
You decide which version is the default, and the plugin handles the secondary variant.
<h3>🚀 How It Works</h3>
<ol>
<li>Set your Base Theme: Select whether your site is natively Light or Dark.</li>
<li>Scan CSS Variables: Automatically detect the color variables used on any page of your site with one click.</li>
<li>Map Your Colors: Pair your original color variables with your custom override colors.</li>
<li>Display the Switcher: Place the shortcode anywhere on your site to display a beautiful toggle.</li>
</ol>
<h3>🌟 Key Features</h3>
<ul>
<li>Flexible Base Theme: Choose Light or Dark as your starting point.</li>
<li>Smart Visitor Preferences: Set the starting theme for first-time visitors (including an Auto mode that follows browser preferences).</li>
<li>Automatic CSS Variable Scanner: Easily detect color variables on your pages to simplify the mapping process.</li>
<li>Instant Search & Filters: Quickly find scanned variables by name or value to speed up your workflow.</li>
<li>Total Mapping Control: Map variables automatically or manually enter custom names.</li>
<li>Import & Export: Back up your color mappings or transfer them to another site in seconds.</li>
<li>Beautiful Toggle Styles: Choose from multiple modern switcher designs (like Minimal Switch or Glass Pill) to match your site’s aesthetic.</li>
<li>Shortcode Placement: Place the [SVISCIANO_THEME_SWITCHER] shortcode exactly where you need it.</li>
<li>Lightweight & Fast: Pure CSS variable manipulation that doesn’t bloat your site or modify your original design.</li>
</ul>
Take full control of your website’s secondary theme without being locked into a predefined dark mode system!

SVisciano – Light-Dark Theme Mode

Create a secondary color variant of your site and let users switch between the default theme and a custom light or dark override.

Distraction Free Writing mode Themes vs SVisciano – Light-Dark Theme Mode