Skip to main content

Dark/Light mode

This guide describes how to set up Dark/Light mode.

  1. Open Theme Settings in the Current theme: view Theme Settings

Theme settings

  1. Open Dark mode tab in the Theme Settings: view Dark mode settings

Theme settings dark mode

  1. In the Dark mode mapping field, enter the color scheme in the format: Light color scheme: Dark color scheme. To list multiple color schemes, press Enter to move to the next line.

For example, based on the image above:

  • Light color scheme: Scheme 1, Scheme 3
  • Dark color scheme: Scheme 2

=> When you click the Dark/Light button to switch to dark mode, the sections that use the color schemes Scheme 1, Scheme 3 will switch to using the color scheme of Scheme 2.