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

Theming

Customize the user interface using themes

PhotoEditor 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 PhotoEditorSDK 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.

PhotoEditor 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 PhotoEditor 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.