Theming

In this example, we will show you how to make theming configurations for the mobile editor.

Configuration#

The uiMode setting is passed directly to Editor.

• uiMode - the UI mode of the editor. The default value is EditorUiMode.SYSTEM. These are the available values:
  • EditorUiMode.SYSTEM - editor will use the light color scheme if the system is in light mode and will use the dark color scheme if the system is in dark mode.
  • EditorUiMode.LIGHT - editor will always use the light color scheme.
  • EditorUiMode.DARK - editor will always use the dark color scheme.

import androidx.compose.runtime.Composable
import androidx.navigation.NavHostController
import ly.img.editor.Editor
import ly.img.editor.EditorUiMode

// Add this composable to your NavHost
@Composable
fun ThemingEditorSolution(navController: NavHostController) {
    Editor(
        license = null, // pass null or empty for evaluation mode with watermark
        uiMode = EditorUiMode.DARK,
    ) {
        // You can set result here
        navController.popBackStack()
    }
}