What is An Angular Theme?

Image by Bessi from Pixabay


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




Founder of Firefly Semantics Corporation

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

input validation issue

Understanding Reusable Custom Commands in Cypress Automation

Beyond Good and Error: Magical Thinking

Tarrot cards arranged in an ordered grid, over a white background. Photo tilted 30 degrees ccw

Flutter for App Development — Introduction | Perfomatix | Full Stack Engineering Company

Fancy picker: story of one background

The Shogun workshop

Check this new updates!

Location and Location Types in Odoo Inventory

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
Ole Ersoy

Ole Ersoy

Founder of Firefly Semantics Corporation

More from Medium

Logging SASS Variables within Angular Projects

Angular Component Lifecycle Hooks Explained

How to load Spotify Web Playback SDK inside an Angular App?

How to create your own libraries and link it to local use in Angular?