Erik

<p>Dark Mode Block is a simple yet powerful WordPress block plugin that allows you to enable dark mode for your website, enhancing readability and reducing eye strain without altering your website’s colors. Give your users the flexibility to switch between light and dark modes seamlessly.<br />
Designed to be lightweight and efficient the whole frontend script weights less than half of a kb gzipped 😉</p>
<p>Features:<br />
– Toggle dark mode with a user-friendly icon.<br />
– Preserve your website’s color scheme while improving readability in low-light environments.<br />
– Enhanced user experience with reduced eye strain.<br />
– Customizable</p>
<p>Make your website more accessible and user-friendly by offering a dark mode option. With Dark Mode Block, your users can enjoy your content without compromising on aesthetics.</p>
<h3>Usage</h3>
<ol>
<li>After activating the plugin, add the “Dark Mode” block to your WordPress page or post editor.</li>
<li>Publish or update your content.</li>
</ol>
<h3>Customization</h3>
<p>Unleash your creativity! This block is designed to be fully customizable graphically, and since it’s entirely CSS-based, it’s straightforward for anyone to modify and adapt it according to their own taste or template.</p>
<p>You even have control over how the dark mode is applied! Currently, I’ve applied an invert filter on the background as I don’t know the variables in your template.<br />
However, you have the flexibility to make it even better by setting the text color as the background and vice versa.</p>
<p>Here’s how to do it:</p>
<ol>
<li>Add the following code to your functions.php file.</li>
<li>Edit the $custom_css in order to fit your preferences</li>
</ol>
<p>First dequeue the current style in this way:</p>
<pre><code>add_action( 'wp_enqueue_scripts', function () {
    /** dequeue the default dark mode */
    wp_dequeue_style( 'codekraft-dark-mode-style' );
}, 9 );
</code></pre>
<p>Then add yours!</p>
<pre><code>add_action( 'wp_head', function () {
    /** @var {string} $custom_css - your custom css for the dark mode */
    $custom_css = "html.dark-mode body {
        --wp--preset--color--background: #232323;
        --wp--preset--color--foreground: #f3f3f3;
    }
    .dark-mode-switch::before {
        width: 1.6rem;
        cursor: pointer;
        display: flex;
        font-size: 1.6rem;
        line-height: 1.6rem;
        content: '🌞'
    }
    .dark-mode .dark-mode-switch::before {
        content: '🌚'
    }";
    echo "<style id='dark-mode-custom'>$custom_css</style>";
}, 20 );
</code></pre>
<p>Please support the plugin posting your custom style and a screenshot in the WordPress support forum section!</p>


Dark Mode Block

Dark Mode Block is a simple yet powerful WordPress block plugin that allows you to enable dark mode for your website, enhancing readability and reduci …

Night Eye - Dark mode

<p>The <a href="https://plugins.nighteye.app" rel="nofollow ugc">Night Eye</a> dark mode plugin for WordPress is an easy and powerful tool that enables a soothing dark theme on your WordPress website. It works automatically – just install and activate the plugin.</p>
<p>You can set the position of the dark mode toggle for both desktop and mobile. To ensure your users experience the best dark mode possible, you can further customize the dark theme of your site with the powerful Night Eye Pro features.</p>
<p><a href="https://nighteye.app/how-to-start/" rel="nofollow ugc"><strong>Get the browser extension</strong></a> | <a href="https://plugins.nighteye.app" rel="nofollow ugc"><strong>Get Night Eye Pro</strong></a> | <a href="https://nighteye.app/support/" rel="nofollow ugc"><strong>Contact Support</strong></a> |</p>
<h3>Night Eye comes to WordPress. 300,000+ users trust us.</h3>
<p>Night Eye WordPress dark mode plugin is brought to you by the creators of the renown <a href="https://nighteye.app/" rel="nofollow ugc">browser extension Night Eye</a>, used by 300,000+ people worldwide, available on all major browsers. Our journey began four years ago and ever since, we’ve been improving our dark mode algorithm tirelessly.</p>
<h3>Night Eye Features</h3>
<ol>
<li><strong>Dark mode toggle position</strong>. Customize the position of the dark mode toggle for both desktop and mobile.</li>
<li><strong>Enable and disable</strong> the dark mode toggle.</li>
<li><strong>Your privacy stays intact</strong>. Night Eye does not collect, nor store your data. All rights to your data remain yours.</li>
<li><strong>Stellar support</strong>. Let us know, if you’ve encountered a bug or missing feature and we’ll try to fix it asap.</li>
<li><strong>Easy to install</strong>. Installing and activating the Night Eye dark mode plugin is a piece of cake.</li>
<li><strong>Compatible with all major browsers</strong>. Chrome, Mozilla, Microsoft Edge, Vivaldi, Yandex, Opera, Safari, UC Browser, Brave, Coc Coc.</li>
<li><strong>Smart conversion</strong>. Night Eye doesn’t just invert the colors, it converts them. This leads to a smooth and consistent dark mode experience.</li>
<li><strong>Works with all popular WordPress themes</strong>.</li>
</ol>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/OiOLBb7ZJhw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Night Eye Pro Features</h3>
<ol>
<li><strong>All free features.</strong></li>
<li><strong>Schedule dark mode</strong>. You can turn off dark mode during the day and schedule it to be turned on during night hours.</li>
<li><strong>Adjust the colors of your website</strong>. You can make your site more unique by customizing the color scheme of dark mode.</li>
<li><strong>Change pop-up title and text</strong>. Let your visitors know what you want them to know – customize the title & text in the pop-up window.</li>
<li><strong>Choose from three predefined dark themes</strong>. Different shades of dark – use the one that fits best with your design. More to come soon.</li>
</ol>
<h3>User Guide</h3>
<p>Installing and activating Night Eye takes under a minute.</p>
<ol>
<li>Install</li>
<li>Activate Night Eye.</li>
<li>Customize by clicking on the Night Eye icon in the sidebar, then select configuration menu.</li>
</ol>
<h3>Pricing</h3>
<p><strong>Night Eye</strong> – forever free WP plugin.<br />
<strong>Night Eye Pro</strong> – one time payment of $40 and you can use it on your site forever.<br />
<strong>Night Eye Pro Free</strong> – all the <strong>Night Eye Pro features, but for free</strong>. The only difference is that there will be a referral link in the footer and a small Night Eye ad in the dark mode toggle.</p>
<h3>Why should I pay for the plugin?</h3>
<p>It’s entirely up to you to decide whether you want to spend $40 for our plugin or just use the free version forever. Just remember that we do not use third-party ads, and we do not collect and sell your data.</p>
<p>We hate ads and data miners. We want to keep the Internet a clean and safe place. But every software needs to be maintained and further developed. So, with the small fee you can pay for our plugin, we will continue to work, fix bugs, add new features, and provide top-notch support.</p>
<h3>Privacy Policy</h3>
<p>Your privacy matters. Night Eye does not collect, nor store any data. No malicious, nor forcing ads display. Check out our <a href="https://nighteye.app/privacy-policy" rel="nofollow ugc">privacy policy</a> page for more information.</p>
<h3>Why use dark mode?</h3>
<ul>
<li>Reduces eye strain</li>
<li>Prevents retinal damage</li>
<li>Reduces dry eyes</li>
<li>Makes reading in the dark easier</li>
<li>Increases visitor time on page</li>
<li>Less stress</li>
<li>Prevents headaches</li>
</ul>


Night Eye – Dark Mode Plugin

The Night Eye dark mode plugin for WordPress is an easy and powerful tool that enables a soothing dark theme on your WordPress website.

Dark Mode Block vs Night Eye – Dark Mode Plugin