Set Dark Mode Setting

Using this Action, you can set the app theme to Light/Dark or set it as per the system.
As Per System
Manually Setting Theme Mode


Before you start adding this Action, you'll need to enable and configure the Dark Mode theme using the instructions here.

Types of Dark Mode Setting

There are three types of the mode you can set:
  • From System: Set the Light/Dark Mode based on system preference. That means you don't need to build the Light/Dark Mode switch UI in your app. The dark mode will be set automatically if a user has set the dark mode in the Android/iOS operating system.
  • Light Mode: Set the theme mode to Light.
  • Dark Mode: Set the theme mode to Dark.

Defining Set Dark Mode Setting Action

Go to your project page on FlutterFlow and follow the steps below to define the Set Dark Mode Setting Action to any widget.
  1. 1.
    Select Actions from the Properties panel (the right menu)
  2. 2.
    Click + Add Action button
  3. 3.
    Choose a gesture from the dropdown among On Tap, On Double Tap, or On Long Press.
  4. 4.
    Select the Action Type as Set Dark Mode Setting.
  5. 5.
    Set the Setting Source to Select Setting.
  6. 6.
    Set the Dark Mode Setting to any amongst the From System, Light Mode, Dark Mode.