Angular Material - Themes

Apply theme palettes and maintain readable contrast across UI states.

How it works

AngularJS Material themes organize palettes and component appearance. Use a restrained palette, check contrast for text and controls, and review hover, focus, disabled, and error states. Theme APIs differ between AngularJS Material and current Angular Material.

Practical checklist

• Confirm whether the application uses AngularJS Material 1.x or modern Angular Material for Angular v2+.
• Use meaningful labels, keyboard-accessible interactions, and visible focus states.
• Test responsive behavior, validation, and assistive-technology output.
• Review dependency support and security before maintaining a legacy deployment.

Further reading: Tutorialspoint: Angular Material - Themes · AngularJS Material legacy documentation · Current Angular Material documentation.

Back to course overview · Previous: Angular Material - Switches · Next: Angular Material - Toasts