[TOC] Ionic Framework是一个空白的平板，可以轻松定制和修改以适应品牌，同时仍遵循不同平台的标准。主题Ionic应用程序现在比以往更容易。因为框架是使用CSS构建的，所以它带有预先编写的默认样式，非常容易更改和修改。 ## 颜色 Ionic有九种默认颜色，可用于改变许多组件的颜色。每种颜色实际上是多种属性的集合，包括a`shade`和`tint`，在整个Ionic中使用。 更改颜色时，设置所有相关属性非常重要。这可以通过以下方式轻松完成[彩色发生器](https://ionicframework.com/docs/theming/color-generator)工具，但如果需要，也可以手动编写。有关离子色的更多信息，请参阅[高级颜色](https://ionicframework.com/docs/theming/advanced#colors)。 ## 平台标准 离子组件根据应用程序运行的平台调整其外观和行为。我们称之为**平台连续性**。这允许开发人员构建针对多个平台使用相同代码库的应用程序，同时仍然对这些特定平台“本地”。 Ionic有两种**模式**，用于根据**平台**自定义组件的外观：`ios`和`md`。每个平台都有默认模式，但可以轻松配置。有关基于平台自定义应用程序的更多信息，请参阅[平台样式](https://ionicframework.com/docs/theming/platform-styles)。 ## CSS变量 所有Ionic组件都使用[CSS属性（变量）](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)进行主题化。CSS变量将动态值添加到静态语言中。这是传统上需要像Sass这样的CSS预处理器的东西。通过更改任何应用程序的值，可以轻松更改应用程序的外观[离子变量](https://ionicframework.com/docs/theming/css-variables#ionic-variables)。 ## 品牌 Ionic提供应用程序颜色，可用于主题应用程序以匹配品牌或配色方案。默认主题使用浅色背景，但从背景颜色到文本颜色的所有内容都是完全可自定义的。有关品牌的更多信息，请参阅[先进的主题](https://ionicframework.com/docs/theming/advanced)。