Themingの基本
Ionic Frameworkは、さまざまなプラットフォームの標準デザインに準拠しながら、白紙の状態からブランディングに合わせて簡単にカスタマイズおよび変更できるように構築されています。IonicアプリのThemingは今まで以上に簡単です。フレームワークはCSSで構築されているため、事前に用意されているデフォルトスタイルは簡単に変更や修正をすることができます。
配色
Ionicには、多くのコンポーネントの配色を変更するために使用できる9つのデフォルトカラーがあります。 それぞれの配色は、
shade と
tint を含む複数のプロパティを持つコレクションであり、Ionic全体で利用されます。
配色を変更するときは、関連するすべてのプロパティを設定することが重要です。
プラットフォームの標準
Ionicのコンポーネントは、アプリケーションが実行されているプラットフォームに基づいて外観と動作を調整します。私たちはこれを プラットフォームの互換性 と呼んでいます。これにより、開発者は複数のプラットフォームにおいて同じコードベースでアプリケーションを構築することができますが、それでもそれらはプラットフォームにおける「ネイティブ」に見えます。
Ionicは、2つの modes をもっており、これらはプラットフォーム:
ios と md に基づいてコンポーネントの外観がカスタマイズされます。各プラットフォームにはデフォルトモードがありますが、簡単に変更できます。プラットフォームに基づいてアプリケーションをカスタマイズする方法の詳細については、
CSS変数
すべてのIonicコンポーネントは、CSSプロパティ（変数）を使ってテーマ化されています。CSS変数は、動的な値を静的なCSSで利用することができます。これは今まではSassのようなCSSプリプロセッサを必要としていたものです。アプリケーションの外観は、
ブランディング
Ionicは、ブランディングや配色にあったテーマとなるアプリケーションの配色を提供します。デフォルトのテーマは明るい背景を使用しますが、背景色からテキストの色まですべてカスタマイズ可能です。ブランディングの詳細については、
