主题基础

Ionic 框架旨在成为一块空白画布，可以轻松自定义和修改以适合品牌，同时仍然遵循不同平台的标准。对 Ionic 应用程序进行主题设置现在比以往任何时候都更容易。由于该框架是用 CSS 构建的，因此它附带预先制作的默认样式，这些样式非常容易更改和修改。

颜色

Ionic 有九种默认颜色，可用于更改许多组件的颜色。每种颜色实际上都是多个属性的集合，包括一个 shade 和 tint，在整个 Ionic 中使用。

更改颜色时，重要的是设置所有相关属性。这可以通过使用 颜色生成器 工具轻松完成，但也可以根据需要手动编写。有关 Ionic 颜色的更多信息，请参阅 颜色。

平台标准

Ionic 组件根据应用程序运行的平台调整其外观和行为。我们称之为 **自适应样式**。这使开发人员能够构建使用相同代码库针对多个平台的应用程序，同时仍然看起来像这些特定平台的“原生”应用程序。

Ionic 有两种 **模式** 用于根据 **平台** 自定义组件的外观：ios 和 md。每个平台都有一个默认模式，但这很容易配置。有关根据平台自定义应用程序的更多信息，请参阅 平台样式。

CSS 变量

Ionic 框架组件使用 CSS 自定义属性（变量） 进行主题设置。CSS 变量为否则静态的语言添加了动态值。这在传统上需要像 Sass 这样的 CSS 预处理器。通过更改 Ionic 框架提供的任何 CSS 变量 的值，可以轻松更改应用程序的外观。

CSS 阴影部分

添加 CSS 阴影部分是为了更容易地完全自定义 Ionic 框架阴影组件。过去，使用 Shadow DOM 的组件无法直接对其阴影树内的元素进行样式设置。随着阴影部分的添加，不再需要为阴影组件的内部元素上的每个属性使用 CSS 变量。有关使用部分自定义 Ionic 框架组件的更多信息，请参阅 CSS 阴影部分 指南。

品牌

Ionic 提供应用程序颜色，可用于对应用程序进行主题设置以匹配品牌或配色方案。默认主题使用浅色背景，但从背景颜色到文本颜色的一切都是完全可自定义的。有关品牌设置的更多信息，请参阅 主题。