wleecarter / angular-material-themes-meetup

Demo code for presentation given to Tampa Bay Full Stack Meetup on 2/10/2021

Angular Material Themes

To view the final version of the app:

npm install

npm start

Checkout these branches to follow along with the presentation:

• 01-start
• 02-custom-theme
• 03-custom-theme-hex-codes
• 04-custom-fonts
• 05-dark-theme
• 06-dark-theme-switcher
• 07-overlay-fix

This project was generated with Angular CLI version 11.0.4.

References

Angular Material

• Angular Material
• Material Design - The color system
• Angular Material typography

Angular Material Theming

• Theming your Angular Material app - Multiple themes and overlay-based components
• Theming your custom component with Angular Material's theming system
• Material Theme Generator
• Let's implement a Theme Switch like the Angular Material Site
• The complete guide to Angular Material Themes
• Angular Material Dark Mode in 3 steps
• The Missing Guide to Angular Material

Useful Tools

• Material Design Color Tool
• 30 Examples of Material Design Palette Color Usage
• Make Tints and Shades

Tampa Bay Buccaneers

• Tampa Bay Buccaneers - Wikipedia
• Buccaneer Color Codes