Custom Look and Feel

To override core look and feel functions, or add project specific look and feel functions you can use a dedicated LookAndFeel namespace.

Create this in a new file: App/LookAndFeel.js.

This file should be included in on init after Manifest.js and Style.js and before Core.js.

At the top of the file you should get a reference to the core Styles object so you have access to it throughout the script.

namespace LookAndFeel
{
  const style = CoreLookAndFeel.style; // Colours and properties
  const fonts = style.fonts; // Loaded fonts and text properties
}

Check the Core Look And Feel chapter for a reference of the available overrides.