Themes

Change Themes#

PhotoEditor SDK comes with multiple themes that you can use to customize how the Editor looks. All our themes descend from Theme.AppCompat.

The default theme Theme.Imgly 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 analogous for these are: Theme.Imgly.Light, Theme.Imgly.Light.NoFullscreen, Theme.Imgly.Light.TopActionBar, and Theme.Imgly.Light.TopActionBar.NoFullscreen.

Configure the UiConfigTheme in the SettingsList to change the theme:

settingsList.configure<UiConfigTheme> {
    it.theme = R.style.Theme_Imgly_TopActionBar_NoFullscreen
}

Color Theming#

PhotoEditor SDK uses theme attributes for theming and all colors can be changed by changing the value of the corresponding theme attribute.

To get access to the theme attributes used for colors, download our demo repository and extract the res subfolder from the default_res_files folder for the version you are using. All theme attributes for colors can be found in imgly_colors.xml in the values folder.