Theme

Overview

At the start of a new project the theme will need to modified. This includes, but is not limited to, colors, typography (family, style, size, colors), buttons, text fields.

Most of the things that need to be modified can be found in the src/app/global.scss file. Some more specific details are modified inside the respective component .module.scss files, for example the button style in src/components/buttons/button-base.module.scss.

Getting a good look at the changes

In order to preview and get a hang of all the variables you’re changing, head over to the overview page at /debug/components. This page will show you all the components and their respective variables. You can also see the changes you’re making in real time.