Skip to main content
VESDK/Android/Guides/User Interface/Theming

Theming

Customize the user interface using themes

VideoEditor SDK supports adapting the appearance of the editor UI to the look and feel of your application via theming. It ships with multiple themes that you can use or extend from.

Available themes#

All the VideoEditorSDK themes extend from Theme.AppCompat. The default theme is Theme.Imgly. It is a dark theme that displays in fullscreen mode with the action bar at the bottom. Furthermore, you can choose from these variants: Theme.Imgly.NoFullscreen, Theme.Imgly.TopActionBar, and Theme.Imgly.TopActionBar.NoFullscreen. With these variants, you can switch the fullscreen mode on/off and also position the action bar at the top or bottom.

The light theme analagous for the above are: Theme.Imgly.Light, Theme.Imgly.Light.NoFullscreen, Theme.Imgly.Light.TopActionBar, and Theme.Imgly.Light.TopActionBar.NoFullscreen.

VideoEditor SDK also ships with DayNight themes that follow the system settings and can be used to dynamically switch between light and dark modes. These are: Theme.Imgly.DayNight, Theme.Imgly.DayNight.NoFullscreen, Theme.Imgly.DayNight.TopActionBar, and Theme.Imgly.DayNight.TopActionBar.NoFullscreen.

Configure UiConfigTheme to change the theme:

settingsList.configure<UiConfigTheme> {
it.theme = ly.img.android.pesdk.ui.R.style.Theme_Imgly_DayNight_NoFullscreen
}

You can access all the available VideoEditor SDK theme attributes along with other resources from our demo repository inside the res subfolder from the default_res_files folder for the SDK version you are using. The next section shows an example of creating and using a custom theme.