どうも!大阪オフィスの西村祐二です。 iphoneやいろんなアプリでダークモードが搭載されてきており、ちょっとしたブームになっているかと思います。よく使うAngular Materialはどうなのかなと思って調べたら、意外と簡単にできたので、設定方法などご紹介したいと思います。 Angular Materialとは Angular公式が提供するデザインUIフレームワークです。 Bootstrapのようなイメージをもってもらうと良いかと思います。 これを使うと簡単にマテリアルデザインなアプリケーションを作ることができます。 忙しい人のために、早速Dark Modeにする Angular Material導入済みのAngularアプリケーションのstylesファイルに下記を追加します。 src/styles.scss @import '~@angular/material/theming';