What is An Angular Theme?


Exactly what even is an Angular theme?


A theme consists of configurations for the individual color and typography systems in Angular Material.

Typography is optional.


Create the color configuration by composing colors from color palettes:

Primary palette: colors most widely used across all screens and components.

Accent palette: colors used for the floating action button and interactive elements.

Warn palette: colors used to convey error state.

Foreground palette: colors for text and icons.

Background palette: colors used for element backgrounds.

Related Concepts

Brought to You By



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store