租户级皮肤色设置

一、关于皮肤色

简单理解为系统局部区域的颜色，主要显示区域在web主导航和移动端顶栏；系统初始默认选中1种预置颜色，也可以通过其余14种预置色来选取，若预置色不满足用户诉求，则使用自定义颜色来补充，用户可通过“自定义”功能自主配置任意颜色（为保证识别度，对颜色会有相应的指导建议）

二、功能简介

2.1、基本功能

管理后台"品牌色"菜单项下包含 主题色和皮肤色；
主题色控制页面内大部分组件的主色；
皮肤色隶属于品牌色模块；可配置web主导航和移动端顶栏的皮肤颜色；功能设置分为‘预置、自定义’两种配置能力，左侧配置后，右侧预览区可实时预览其配置效果。当光标悬停标题右侧帮助icon时，浮出相应的帮助气泡说明其作用的位置

2.1、WEB端”预置“及”自定义“皮肤色

WEB主导航：
1.预置色：提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调，供用户点选使用；
2.左侧配置后，右侧预览区可实时预览其配置效果；
3.点击“立即使用”相关配置即可生效（见下图）

自定义：需要用户手动配置主导航底色的色值、选择主导航上应用的默认颜色(文字和图标)、并配置选中颜色(文字和图标)；

2.2、移动端顶栏”预置“及”自定义“皮肤色

移动端顶栏:
1.预置色：提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调，供用户点选使用；
2.左侧配置后，右侧预览区可实时预览其配置效果；
3.点击“立即使用”相关配置即可生效（见下图）

1.自定义：自定义色，需要用户手动配置顶栏底色的色值、并选择顶栏上文案的颜色；
2.左侧配置后，右侧预览区可实时预览其配置效果；
3.点击“立即使用”相关配置即可生效（见下图）

2.3、前端皮肤色前端展示