使用样式主题
样式主题是样式属性的集合，用于指定混搭中的小组件和其他组件的外观。默认情况下，“PTC Convergence 主题”将应用至 Composer 中创建的所有新混搭。该主题是使用 PTC 设计系统原则创建的。您可以创建自己的样式主题并用其创建具有一致外观的混搭和应用程序。样式主题包括用于控制混搭中小组件的颜色、字体和线型的全局样式。此外，您还可以在 Composer 中使用样式主题实体“样式”选项卡上的编辑器修改更具体的元素样式，如链接、按钮和菜单。
可通过以下方式将样式应用到混搭：
• 样式主题和样式属性 - 混搭中主题小组件的样式。
• 样式定义 - 非主题和旧版小组件的样式。
 |
向小组件应用了状态定义实体时，系统会对样式主题小组件使用样式定义。
|
• 自定义 CSS - 标准 CSS 语法。
与样式定义相比，主题可用于：
• 通过将主题应用到与应用程序关联的多个混搭，快速扩展您的设计。
• 重用常用的样式，而无需将状态定义应用到混搭中的单个小组件。
• 使用样式主题实体“样式”选项卡上的预览混搭来预览样式。
• 导出或共享样式主题，以与其他人员协作完成应用程序设计。
使用样式主题和样式属性
样式主题适用于混搭级别，样式属性适用于小组件级别。要覆盖混搭样式主题，请使用 Mashup Builder 中的“样式属性”面板编辑特定小组件的样式属性。样式属性可用于在不同状态下配置小组件外观，如启用、按下和悬停状态。您可以使用样式主题来定义应用程序的常规外观，然后根据需要使用样式属性对单个小组件执行高级样式配置。
创建自定义主题
创建新样式主题时，建议您通过复制现有样式主题 (如 PTC Converge 主题) 开始。然后，您可以使用样式主题编辑器自定义主题内的全局和元素样式，以符合您的设计要求。
使用旧版样式主题
与旧版小组件所应用的样式定义相比，默认收敛主题应用了更现代且更易于访问的设计。要保留旧版小组件的外观，请将 Legacy Styles Theme Composer 实体应用到混搭。在迁移包含旧版小组件或布局的混搭时，也可以使用“混搭迁移”对话框执行此任务。
使用自定义 CSS
Web 组件小组件支持使用样式主题和小组件样式属性自定义样式。PTC 建议不要使用自定义 CSS 覆盖 Web 组件样式，也不对此提供支持。组件 DOM 结构和 CSS 类被视为内部实施细节，当发布新版本的 ThingWorx Foundation 时，这些细节可能会改变。