SUI Theme

The components in SUI Library use colour, typography, spacing and other values from SUI Theme.

The theme is written in SCSS and all generic variables, functions, mixins and helpers can be customised in each brand. Check the section Tokens to understand how it works.

How to use

### Install sui-theme

npm install @s-ui/theme --save

### Import sui-theme

Include the path @import '~@s-ui/theme/lib/index'; in settings.scss

Brand themes

Each brand can customise all components using tokens in its own Theme.

Should you adjust SUI Theme, SUI Components or your Brand Theme?

In most of the scenarios changes your theme should be enough, but some times you need to default! the token 1st in SUI Theme.