Creating a Custom Theme for Designer of Business Applications

The designer of business applications uses the dba10 theme by default. Themes are contained in the folder:

/opt/foresight/fp10.x-dba/themes in Linux OS
C:\Program Files (x86)\Foresight\DBA_10.x\themes in Windows OS.

The theme includes the following files:

icons. The folder with a set of used icons in the SVG format
theme.json. Theme configuration file.

To create a custom theme for web application:

Copy the existing theme dba10, paste it to the current folder and rename the theme. For example, custom_theme:

/opt/foresight/fp10.x-dba/themes/custom_theme in Linux OS.
C:\Program Files (x86)\Foresight\DBA_10.x\themes\custom_theme in Windows OS.

If required, themes can be put into any folder. The path to the folder with themes of designer of business applications is set in the config.json file in the customThemesPath field.

Create the custom.css file with custom formatting settings in the custom_theme folder. When setting up formatting take into account standard CSS rules. To determine a specific element of business application interface, use browser developer tools.
Open the theme.json configuration file for edit:

{
"key": "custom_theme",
"name": "Custom theme",
"platform": {
   "NavigatorBox": {
     "overrideStyles": true
   }
},
"customization": {
   "customCss": true
}
}

Change field values:

key. Theme key. It is set according to the theme name specified at Step 1
name. Theme name. The default name is DBA 10.
customization. Indicates whether the custom.css file with custom formatting settings is used. Available values of the customCss child field:

true. The formatting specified in the custom.css file is used.
false. The default formatting is used.

Change icons contained in the icons folder.
Specify theme key in the config.json file in the themes field:

"themes": ["custom_theme", "dba10"]

The first theme is used by default.

Restart designer of business applications back end.
Clear browser cache if required.

After executing the operations, the custom theme is used on opening business application.