1. Home
  2. /
  3. Docs
  4. /
  5. Darkify Pro
  6. /
  7. Darkify Settings
  8. /
  9. Control

Control

(1) Enable or Disable Frontend Dark Mode Switch: Switch to show the Dark Mode Floating Switch in your Websites frontend.

(2) Enable or Disable Default Dark Mode: Switch to automatically turn your website dark by default.

(3) Enable or Disable OS Aware Dark Mode: Switch to enable or disable dark mode automatically according to users’ device preference.

(4) Enable or Disable Keyboard Shortcut: Switch to turn ON or OFF dark mode by pressing Ctrl+Alt+D on the keyboard.

(5) Enable or Disable Time Based Auto Dark Mode: Automatically turn dark mode ON based on users’ localtime.

(6) Pick a Time: If you enable time-based dark mode you have to set Form to To time.

(7) Show or Hide Dark Mode Switch on Desktop: Switch to hide the Dark Mode Floating Switch if users’ are using desktop or laptop.

(8) Show or Hide Dark Mode on Mobile: Switch to hide the Dark Mode Floating Switch if users’ are using mobile.

(9) Type of Hide By:

  • Hide by User Agent
  • Hide by Screen Size
  • Hide by Both

(10) Show or Hide Switch in Menu: Show the dark mode toggle switch in a specific menu.

(11) Select Menu: Select the menu where you want to show the toggle.

(12) Short Code menu: This shortcode will be applied if you use the switch in the menu. You can modify it’s style by changing these attributes switch=”1″ width_height=”60px” border_radius=”7px” icon_size=”40px” light_mode_bg=”#121116″ dark_mode_bg=”#ffffff” light_mode_color=”#ffffff” dark_mode_color=”#121116″ on the sortcode.

How can we help?