Advanced: Create your own toggle button

Creating your own dark mode toggle buttons is possible, you need to read the document of the following two features first.

• Block Event Handler
• Show or hide blocks based on color mode

Then set the click event for the buttons you want as a toggle, the following button event handler code will help.

Toggle dark mode:

(() => {
  if (window.togglePloverThemeMode) {
    window.togglePloverThemeMode('dark');
  }
})();

Toggle light mode:

(() => {
  if (window.togglePloverThemeMode) {
    window.togglePloverThemeMode('light');
  }
})();