永洪产品的系统界面风格支持自定义,来满足系统界面与用户企业UI风格相统一,支持自定义的主要包含:系统焦点颜色,图标颜色,icon颜色等等,涉及产品各个模块,接下来就具体看看吧。先说明,这个是针对企业版的!针 ...
永洪产品的系统界面风格支持自定义,来满足系统界面与用户企业UI风格相统一,支持自定义的主要包含:系统焦点颜色,图标颜色,icon颜色等等,涉及产品各个模块,接下来就具体看看吧。先说明,这个是针对企业版的! 针对深色主题和浅色主题可以分别定义对应的颜色。以下是深色主题的对比效果: 登录页面 数据源 上面了解了大概的效果,接下来就来说说怎么实现吧。 实现步骤如下: 在bihome目录下新建json文件,比如theme.json,内容如下: 文字浅介绍下 1. { 2. "dark": { 3. "global-mark-icon-path-one": "#00FA9A", 4. "global-mark-icon-path-two": "#FFFF00", 5. "global-mark-icon-path-three": "#9400D3", 6. "global-mark-icon-path-four": "#FF4500", 7. "global-mark-icon-path-five": "#7FFFD4", 8. "tree-icon-folder": "#FF1493", 9. "text-review-portal": "#40E0D0", 10. "global-primary":"#9400D3", 11. "icon-def":"#00E5EE", 12. "text-focus":"#FFD700" 13. }, 14. 15. "light": { 16. "global-mark-icon-path-one": "#00FA9A", 17. "global-mark-icon-path-two": "#FFFF00", 18. "global-mark-icon-path-three": "#9400D3", 19. "global-mark-icon-path-four": "#FF4500", 20. "global-mark-icon-path-five": "#7FFFD4", 21. "tree-icon-folder": "#40E0D0", 22. "text-review-portal": "#40E0D0", 23. "global-primary":"#9400D3", 24. "icon-def":"#66CD00", 25. "text-focus":"#4169E1" 26. } 27. } 在bi.properties添加配置customized.theme=theme.json 其中theme.json 是步骤A中的json文件名字,如果文件不在bihome目录下,而是在bihome某个目录下还需要带上具体路径。 重启后生效,dark和light分别对应浅色和深色主题。 配置项说明如下: 颜色的表示有两种方式: (1) 使用十六进制,比如:#FF4500 (2) 使用rgba的形式,a是表示透明度,取值范围0~1。比如rgba(255, 255, 255, 0.5) 系统皮肤定制就介绍到这里。快去试试看吧,搭配出独一无二的系统风格。 |
2024-02-29
2024-01-22
2024-01-03
2023-12-27
2023-12-08
回答
回答
回答
回答
回答
3