SAPUI主题设计器——UI Theme Designer（一）

最近在做SAP的项目，客户要求系统主题要与客户的企业识别系统相一致，于是打开SAP的UI Theme Designer进行修改。

一、快速设置

首先在快速里面可以调整背景和公司徽标、突出显示、语义颜色、组、列表、文本、按钮、字段、滚动条的样式。下面分别介绍一下主要的地方：

1、背景和公司徽标
此处可以上传客户的logo替换掉sap的logo，可以更改背景色，可以设置背景图片，设置背景的透明度和重复选项；

2、突出显示

可以改变品牌颜色、突出显示颜色和所选颜色。

品牌颜色包括页面显示的主题色、个性化设置和帮助下拉列表鼠标悬停色、加载中的颜色、提示数字区颜色；

突出显示颜色包括按钮active状态色、行的选中checkbox色、input在focus、hover下的边框、输入下拉按钮背景色；

所选颜色指表格选中行的背景色（叠加了alpha）、下拉选中项的背景色；

3、语义颜色
包括积极颜色、临界颜色、消极颜色、信息性颜色；

4、组
组控件族包括各种容器，如面板、表和列表。包括：组标题背景颜色、组标题边框颜色、组标题文本颜色；

5、列表
包括：列表背景颜色（table）、列表列页眉背景颜色（thead、及thead上面一行显示功能按钮的区域）、列表列页眉文本颜色、列表选择背景颜色（tr选中行）；

6、文本
包括：标题文本颜色、文本颜色、链接颜色和标签颜色；

7、按钮
包括：按钮背景色、按钮文本色、加重按钮背景颜色、加重按钮字体颜色

8、字段
多用于输入控件，如输入框、组合框等。 包括：字段背景颜色（输入框背景）、字段边框颜色、必填字段颜色（*标颜色）

9、滚动条
滚动条表面的颜色