Skip to main content
All CollectionsInteractions
Set Appearance Action
Set Appearance Action

An action that changes the UI appearance to light or dark mode.

Updated over a week ago

Overview

Set Appearance actions change the UI appearance of the full project or a specific object (element, group of elements, or component). Set Appearance actions can switch the target between the project's light Color styles and associated dark Color styles. Set Appearance actions can also cause the project to inherit the device's appearance style or the target to inherit the project's.


Action Properties

Type

Choose to set the appearance of the project or a targeted object:

  • Project: Set the appearance of the whole project.

  • Target: Set the appearance of a particular object.

Target

Select the object that this action will affect. (only for Target type)

UI Appearance

Set the appearance style to auto, light, or dark mode:

  • Auto: The project inherits the user's device appearance or the target inherits the project's appearance.

  • Light: The project or target uses the project's light mode Color styles.

  • Dark: The project or target uses the project's dark mode Color styles.

Did this answer your question?