主題設定基礎

Ionic Framework 的建置目標是成為一個空白畫布，可以輕鬆自訂和修改以符合品牌，同時仍遵循不同平台的標準。Ionic 應用程式的主題設定現在比以往任何時候都更容易。由於該框架是以 CSS 建置的，因此它帶有預先烘焙的預設樣式，這些樣式非常容易變更和修改。

顏色

Ionic 有九種預設顏色，可用於變更許多元件的顏色。每種顏色實際上是多個屬性的集合，包括在整個 Ionic 中使用的 shade 和 tint。

變更顏色時，設定所有相關屬性很重要。可以使用顏色產生器工具輕鬆完成，但如果需要，也可以手動編寫。如需有關 Ionic 顏色的更多資訊，請參閱顏色。

平台標準

Ionic 元件會根據應用程式執行的平台調整其外觀和行為。我們稱之為自適應樣式。這允許開發人員為多個平台建置使用相同程式碼庫的應用程式，同時看起來仍然「原生」於那些特定平台。

Ionic 有兩種模式，用於根據平台自訂元件的外觀：ios 和 md。每個平台都有預設模式，但可以輕鬆設定。如需有關根據平台自訂應用程式的更多資訊，請參閱平台樣式。

CSS 變數

Ionic Framework 元件使用CSS 自訂屬性 (變數)設定主題。CSS 變數為靜態語言新增動態值。這是在傳統上需要 CSS 預處理器 (如 Sass) 的操作。可以藉由變更 Ionic Framework 提供的任何CSS 變數的值，輕鬆變更應用程式的外觀。

CSS 陰影部分

新增 CSS 陰影部分是為了更容易完整自訂 Ionic Framework 陰影元件。過去，使用Shadow DOM的元件無法直接設定其陰影樹內的元素樣式。新增陰影部分後，不再需要為陰影元件內部元素的每個屬性使用 CSS 變數。如需有關使用部分自訂 Ionic Framework 元件的更多資訊，請參閱CSS 陰影部分指南。

品牌化

Ionic 提供應用程式顏色，可用於設定應用程式的主題以符合品牌或配色方案。預設主題使用淺色背景，但從背景顏色到文字顏色的一切都是完全可自訂的。如需有關品牌化的更多資訊，請參閱主題。