

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 自定义工作空间的主题
<a name="custom-theme"></a>

您可以使用主题自定义工作空间的视觉外观，使其与组织的品牌标识保持一致。自定义主题可以用于多种用途：
+ **支持多个品牌标识：**如果您的组织管理多个具有独特品牌的产品或服务，则可以为每个产品或服务创建一个独特的工作空间，这样分配给多个品牌的用户可以看到与他们当前管理的品牌一致的徽标、字体和配色方案。
+ **区分部门或业务部门：为不同的部门或业务部门**设计不同的主题，以帮助用户快速确定他们当前的环境。
+ **创建特定客户的用户界面：**对于为多个客户提供服务的企业，创建与每个客户的品牌标识相匹配的品牌工作空间。

主题由徽标、网站图标、字体系列和一组颜色组成。默认情况下，您的工作空间将使用 “连接客户” 主题。在此示例中，包括徽标和调色板 AnyCompany在内的默认设置已被替换。

![带有自定义徽标和配色方案的工作空间。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme.png)

+ **徽标 **-您可以替换显示在工作区左上角的默认 Connect Customer 徽标。要设置新徽标，请准备并上传指定尺寸和格式的图像文件。
+ **网站图标 ** — 您还可以替换默认的 Connect Customer 网站图标，该图标通常出现在浏览器的选项卡和书签栏、历史记录和搜索结果中。要设置新的网站图标，请准备并上传指定尺寸和格式的图像文件。
+ **字体系列 **-更改整个工作空间中使用的字体。要使用其他字体系列，请从下拉菜单中选择一个选项。

![工作空间主题自定义表单。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-form.png)


## 操作
<a name="theme-actions"></a>

操作下拉菜单提供以下选项：
+ **导出 **-将主题配置输出到 JSON 文件中（与导入所需的格式相同），因此可以轻松将其上传到另一个工作区。
+ **导入 **-直接从其他工作空间导入主题配置，或上传包含这些配置的 JSON 文件。JSON 文件的格式遵循与工作空间资源上的导出文件和主题对象相同的结构。
+ **重置 **-与 “取消” 类似，这会将更改恢复到上次保存的内容。
+ **重置为默认值 **-将主题改回 Connect 客户提供的标准主题。

## 自定义调色板
<a name="customize-color-palette"></a>

您可以自定义应用于整个工作区的颜色调色板。您可以使用其十六进制代码、红色、绿色和蓝色 (RGB) 值、色相、饱和度和亮度 (HSL) 值或名称来设置颜色。

**注意**  
默认颜色提供足够的对比度，确保内容可供所有人阅读和使用，包括有视觉障碍的人。*如果更改了颜色，则应对其进行可访问性测试*。

![配色方案的工作空间主题自定义表单。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-color-form.png)


**画布的颜色**将应用于工作空间中的背景元素。

![画布配色方案的工作空间主题。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-canvas-color.png)


**主要操作的颜色**将应用于按钮、链接和其他关键交互元素。

![主要操作配色方案的工作区主题。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-primary-actions-color.png)


**标题的颜色**将应用于工作区顶部的标题栏和设置菜单的元素。

![标题配色方案的工作空间主题。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-header-color.png)


**导航的颜色**将应用于工作区左侧的导航栏。

![导航配色方案的工作空间主题。](https://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/workspace-theme-navigation-color.png)


## 重要注意事项
<a name="theme-important-considerations"></a>

1. 彻底测试以确保所需的外观和可访问性（例如，足够的对比度）。

1. 如果样式元素与您的工作空间配置不一致，请在其视图中检查组件级配置。组件样式优先于工作空间样式。（仅在没有工作空间或组件样式的情况下才考虑视图样式）。

1. 用户可以指定浅色和深色模式，因此两种模式下的测试主题都会发生变化。如果某些元素不清晰，则为浅色和深色模式指定不同的徽标、网站图标和一组颜色。