Dark Mode Switcher

Greenshift blocks

Blog Staff

interactions

March 13, 2024

This block has purpose to switch your colors. You can set global color replacement and local (via block)

Block can help to add dark mode even on themes which don’t have this functions.

Please, read In depth overview on how to use Dark mode in Greenshift WordPress

You can find example how it works on demo site of Greenshift theme

Copy this post’s content

<!-- wp:paragraph -->
<p>This block has purpose to switch your colors. You can set global color replacement and local (via block)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Block can help to add dark mode even on themes which don't have this functions.</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-a0b4e34","width":["300px",null,null,null],"originalWidth":544,"originalHeight":1192,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2024/03/dark.png","mediaid":4589,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-a0b4e34" id="gspb_image-id-gsbp-a0b4e34"><img src="https://greenshiftwp.com/wp-content/uploads/2024/03/dark.png" data-src="" alt="" loading="lazy" width="300px" height="1192"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:paragraph -->
<p>Please, read In depth overview on how to use <a href="https://greenshiftwp.com/how-to-add-night-mode-in-wordpress/" data-type="post" data-id="1932">Dark mode in Greenshift WordPress</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can find example how it works on demo site of <a href="https://theme.greenshiftwp.com/" data-type="URL" data-id="https://theme.greenshiftwp.com/">Greenshift theme</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

interactions