src/theme/mixins/
.top-navbar
and the main-menu
components are clear examples of this technique*component*.responsive.scss
) to make it clear which set of styles change between different screen sizes.src/theme/main.scss
you will find global configurations and styles./src/theme/palettes/
you will find two folders containing the definitions of two different color palette options. You would also find a interface.scss
file which includes a list of all the colors that the palette should define in order to work properly across the template.src/theme/main.scss
and import the palettes you would like to use.src/app/app-color-palettes.ts
and set the default color palette for your project.src/theme/third-party/override-material-variables.scss
and to src/theme/third-party/override-bootstrap-variables.scss
and follow the comments to set the variables.