文档AEM 6.5用户指南

更改接口的颜色方案 changing-the-color-scheme-of-the-interface

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

您可以修改AEM Forms工作区用户界面部分的配色方案以满足您的要求。 以下是一些具有代表性的颜色方案自定义示例。 除了本文中讨论的步骤之外，请参阅 AEM Forms工作区自定义的常规步骤.

顶部导航栏 top-navigation-bar

使用背景图像 using-background-image

更新AEM Forms工作区顶部的导航栏。

  1. 创建背景图像以更新颜色。 将文件命名为newBackground.jpg。

  2. 使用WebDAV客户端上传/apps/ws/images文件夹中的背景图像文件。

    note note
    NOTE
    有关更多信息，请参阅 WebDAV访问.

  3. 添加以下样式以引用/apps/ws/css/newStyle.css中的新背景图像。

    code language-css 
    #header {
    background:#292929 url(../images/newBackground.jpg) repeat-x;
}

在CSS中使用color属性 using-color-property-in-css

  1. 在/apps/ws/css的newStyle.css中添加以下样式

    code language-css 
    #header {
background : none;
background-color: gray;
}

类别组件 category-component

类别组件在左侧面板中显示任务的各种类别。 若要更改其颜色，请在以下位置定义背景颜色： .category CSS文件的元素。

任务组件 task-component

任务显示在称为TaskList组件的中间面板中。 要更改其颜色，请修改样式表中与.task选择器关联的样式。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2