# Global Theme

custom-theme.scss

Interactive Demo

src/app.component.ts

src/styles.scss

src/index.html

src/main.ts

angular.json

# Theme Variables

custom_theme.scss

Interactive Demo

src/app.component.ts

src/styles.scss

src/index.html

src/main.ts

angular.json

# Theme Override

1. Effettuiamo l'override di alcune proprietà del tema:

• primary: il colore primario
• on-primary: il colore (ad es. del testo) quando è applicato primary
• surface: il colore del background

custom_theme.scss

Interactive Demo

src/app.component.ts

src/styles.scss

src/index.html

src/main.ts

angular.json