Light and Dark Mode

On the configure page for your widget, near the bottom in the Style settings, you will find a setting called Dark/light appearance.

Choosing which mode your widget should use

You can choose between four options:

1. 🌗Light and Dark Mode - Use system setting
2. 🌗Light and Dark Mode - Light
3. 🌗Light and Dark Mode - Dark
4. 🌗Light and Dark Mode - Do nothing

Use system setting

If you want your system to decide whether your widget is displayed in dark mode or light mode, use the default Use system setting option. This will automatically update your widget to display in the appropriate mode when your system setting changes.

Light

Select this to always display your widget in light mode.

Dark

Select this to always display your widget in dark mode.

Do nothing

Select this to display the default settings. This will generally be the light mode color settings you have configured, but can be overridden locally by using the Dark Mode toggle on the widget’s hover menu. See: 🌗Light and Dark Mode - Setting dark or light mode locally

Setting dark or light mode locally

When either Use system setting or Do nothing is selected, your widget’s hover menu will show a Dark Mode toggle that can be used to toggle between dark and light mode settings, overriding your current setting.

Mode-dependent color settings

Some widgets will allow you to customize the colors of certain elements for use in dark mode and light mode.

When either Use system setting or Do nothing is selected, you will be able to customize colors for both light and dark mode settings.

When either Light or Dark is selected, you will be able to customize colors for only that setting.

On this page

• Choosing which mode your widget should use
• Use system setting
• Light
• Dark
• Do nothing
• Setting dark or light mode locally
• Mode-dependent color settings