LDAP

Logo and Header Color

To change visual aspects of Admin, you can edit the user stylesheet file located in. This file contains CSS which is loaded into Adminand can override the standard styles.

Localization

The localization of Admin is contained in the app/admin/locales/ directory. Thisdirectory contains a separate localization file for every available language. The file nameconsists of the language code and the suffix .json (e.g., en.json).

Admin uses a locale file corresponding to the language settings of the browser. You canset the availableLocales property in the configuration file to provide a list of availablelocales. Every locale which is contained in this list must have a locale file in the localesdirectory with the corresponding language code.

To create a new localization for Admin, copy the provided language file, translate it andsave it as new localization file with the corresponding language code. To make the new translationavailable, add it to the list of available locales in the configuration file.

Custom Scripts

If you want to add your own scripts to the Admin application, you should add a customScripts property to the app/admin/scripts/config.jsfile with something like this:

This includes a custom-ng-module/script.js file. The path is relative to theapp/admin folder in the Camunda webapp .war file.

Advanced Styles Customization

In addition to the basic user-styles.css file, you can edit the source style- and layout filesusing less to change the overall appearance of Admin.

If you want to customize the interface with less, you should probably start by having a lookat the variables defined in the following files:

• node_modules/camunda-commons-ui/resources/less/cam-variables.lessoverrides some Bootstrap variables (above) and add some custom ones

From within the camunda-bpm-webapp directory: