Skip to main content

Search here to get answers to you questions.

How to Display Dark Mode Toggle Button Using Gutenberg Block?

Displaying the dark mode toggle button using the Guttenberg block editor is easy. Dracula Dark Mode plugin provides Dark Mode Switch Wiget to enable or disable dark mode. Users can toggle between dark mode and light mode once they click on the dark mode enable/ disable button. This gives users the freedom to have their own preferences for dark mode or light mode.


Now, edit any page or post > Click on the plus sign to add a widget > Search for Dark Mode > Click on Dark Mode Switch widget.


block editor dark mode switch


A dark mode enable/ disable switch will be added inside the page or post. Users now can customize the switch as they need and enable or disable dark mode when it’s required.


Video Tutorial