Material-UI ではアプリ全体の見た目や動作をThemeで設定することができます。 過去に数回のフロントエンド開発で Material-UI を使ってきたのですが、その中に必ずと言っていいほど設定するTheme項目があります。 そんな必ず設定するようなTheme項目をまとめました。 対象バージョンは4.0.0以降です。 尚、ここで紹介した設定項目を全て適用したThemeとデフォルトのThemeを比較できるサンプルを作成したので参考にしてください。 ボタンのラベルが大文字になるのを防ぐ - typography.button.textTransform="none" TextField のバリエーションを変更する - props.MuiTextField.variant テーマカラーの設定 - palette.primary 入力コントロールの色を統一する - props.{MuiC