main-menucomponents 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.scssyou 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.scssfile which includes a list of all the colors that the palette should define in order to work properly across the template.
src/theme/main.scssand import the palettes you would like to use.
src/app/app-color-palettes.tsand set the default color palette for your project.
src/theme/third-party/override-bootstrap-variables.scssand follow the comments to set the variables.