Skins

The files that you create in the custom\ directory correspond to the built-in files in the src\ directory. When you generate a skin, the make.bat script looks for a custom file with the same name as the source file. If the custom file exists, then it applies your customizations. For example, the Legacy skin file src\z\psf.m4 contains the tags sinclude(custom/psf.m4) and sinclude(custom/_SKIN/psf.m4) that tell make.bat to apply the code contained in either custom\psf.m4 or custom\default\psf.m4.

Legacy customizations

Legacy skin-specific changes override the built-in and global files in the following way:

The following built-in files are taken, then any global changes are applied, then any skin-specific changes are applied, overwriting only those tags that were customized. The entire file need not be customized, just individual tags:

The following built-in files are replaced by any global file matching its name, which is replaced by any skin specific file matching its name:

There are instructions inside these files on how to customize them. All customizations for Legacy JavaScript related files (found in src\js\) must be in a js directory in the same location relative to the source files; for example, if the source file is \<instance>\design\src\js\libs\core.js, then the path for the JavaScript customization must be \<instance>\design\custom\js\libs\core.js.

For more information on skin customizations, see Customizing skins .

Angular customizations

To customize the Angular skins, override files in \<instance>\design\src\ui. For each file, create a new file with the same name in the same relative path in \<instance>\design\custom\, which will override the file of the same name in the same relative location in \<instance>\design\src\ui\.

Style customizations

The following built-in file is replaced by a global file matching its name:

There are instructions inside of this file on how to customize it.

The following built-in files are appended with the contents of a global file with a matching name pattern (basename-custom.scss) where basename is the portion of the filename before the extension:

There are instructions inside of these files on how to customize them.

For more information on style customizations, see Modifying style .