Given that you want to change the look and feel of an instance called 'auth
'.
These are the steps that you would need to follow:
- Initially create the templates for the instance
auth
:iam init-ui -i auth
- Open
instances/auth/loginapp-layout/scss/8-custom/_custom-variables-instance.scss
to edit the variables you want. - Open
instances/auth/loginapp-layout/scss/8-custom/_custom-instance.scss
and add custom CSS in cases where the variables do not provide the flexibility you need. - To make the changes visible, update the instance:
iam build-ui -i auth
- Access the Loginapp via browser so see your changes.
- Repeat steps 2-5 for further customizations.
It is recommended that:
- Do not make too many changes at once and check frequently whether your changes have the effect you expect.
- Try to do as much customizing as possible using the SASS variables only instead of adding plenty of custom CSS.