<< Click to Display Table of Contents >> 部署配置复制链接 |
1. 配置方法
1.1 配置系统参数
在系统配置文件bi.properties上配置参数customized.theme,例如customized.theme=theme.json表示相对bihome根目录下的theme.json文件(json格式)。
1.2 创建Json文件
新建一个Json文件,默认放到bihome的目录下,也可放到bihome下自己定义的路径下。例如:在bihome下新建了文件夹名称“test”,系统参数的路径配置需改成:customized.theme=test/theme.json。
1.3 Json文件书写规范
在Json文件中,需要分别配置深浅两个主题的key值, 深色主题对应dark,浅色对应light。
配置文件默认代码格式
1.{
2. "dark": {
3. "global-mark-icon-path-two": "#2ebce8",
4. "global-mark-icon-path-one": "#5adb9b",
5. "global-mark-icon-path-four": "#f4bd31",
6. "global-mark-icon-path-five": "rgba(47, 57, 87, 0.85)",
7. "tree-icon-folder": "rgba(255, 255, 255, 0.7)",
8. "text-review-portal": "rgba(255, 255, 255, 0.7)"
9. },
10. "light": {
11. "global-mark-icon-path-two": "#5adb9b",
12. "global-mark-icon-path-one": "#2ebce8",
13. "global-mark-icon-path-four": "#f4bd31",
14. "global-mark-icon-path-five": "rgba(255, 255, 255, 0.85)",
15. "tree-icon-folder": "#f8a01c",
16. "text-review-portal": "#ffffff"
17. }
18.}
颜色的表示方式
1.“text-focus”: “#2681ff”使用十六进制;
2.“text-focus”: “rgba(255, 255, 255, 0.5)”,使用rgba的形式,a是表示透明度,取值范围0~1。
示例:“text-focus”: “#2681ff”,左边对应需要修改的key,右边是对应的颜色色值。
2. 对应key值介绍
• 控制对应图标中部分颜色
global-mark-icon-path-two
global-mark-icon-path-one
global-mark-icon-path-four
global-mark-icon-path-three
控制范围,制作报告-组件类型图标、首页-我的收藏内的图标、查看报告-大图标模式下的报告图标。
备注:global-mark-icon-path-three默认为焦点色。当系统设置-自定义主题时,界面中焦点颜色配置值优先级高于Json文件里配置的值。当系统设置-皓月白和极客蓝时,Json文件里配置的值优先级高于系统自带的焦点颜色值。
•查看模式大图标相关配置
global-mark-icon-path-five
控制范围,查看报告-大图标模式-icon的背景色。
text-review-portal
控制范围,查看报告-大图标模式-文件夹及db文件名称文字的颜色。
•Tree控件中文件夹图标颜色
tree-icon-folder
控制范围,各模块Tree控件-文件夹icon颜色。