MUI v5 Theme ～基本の使い方からカスタマイズまで～Vite + React + TypeScript 環境で MUI v5 を使用しています。 今回は MUI v5 の Theme についてTips的にまとめてみました。 テーマをアプリケーション全体に適用する Light モードと Dark モードを切り替える テーマの色を変更する テーマを一部のコンポーネントに適用する 適用されているテーマの一部を変更したテーマを作成し、一部のコンポーネントに適用する テーマに欧文フォント・日本語フォントを追加する テーマに独自のカラーキーワードを追加し、ボタンで使用する Themeの基本 デフォルトテーマ MUI には Light モード用のデフォルトテーマと Dark モード用のデフォルトテーマが用意されています。 それぞれのテーマに設定されている値などは 公式: Default Theme で確認できます。 テーマをアプリケーション全体に適用する
