...

• Each theme should have its own file, containing a dark and light mode colour palette. This allows us to easily differentiate between colours associated with each theme

• Typography and component styles should be separated out to form the base theme. These styles will be applied to all the colour themes and should only be defined once. Separating them out will mean we do not have to duplicate unchanging styles for each colour theme.

• For customers who need to change typography and component styles, a new base theme file can be created. This base theme can be reused like the original baseTheme file, within each theme.

How to add a new theme

1. Create a new file in the themes folder, and name it myTheme.ts(replacemyThemewith the name of your theme). This is where we will keep all the theme colours.

...