部署配置

<< 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文件里配置的值优先级高于系统自带的焦点颜色值。

key_icon

查看模式大图标相关配置

global-mark-icon-path-five

控制范围,查看报告-大图标模式-icon的背景色。

 

text-review-portal

控制范围,查看报告-大图标模式-文件夹及db文件名称文字的颜色。

 

Tree控件中文件夹图标颜色

tree-icon-folder

控制范围,各模块Tree控件-文件夹icon颜色。