更改介面的顏色配置

您可以修改AEM Forms工作區使用者介面部分的色彩配置，以符合您的需求。 以下是一些代表性色彩配置自訂的範例。 除了本文討論的步驟之外，請參閱AEM Forms工作區自訂的一般步驟。

頂端導覽列

使用背景影像

更新AEM Forms工作區頂端的導覽列。

1. 建立背景影像以更新顏色。 將檔案命名為newBackground.jpg。

2. 使用WebDAV客戶端上載/apps/ws/images資料夾中的背景影像檔案。

   注意

   有關WebDAV訪問的詳細資訊，請參閱https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html。

3. 在/apps/ws/css/newStyle.css中新增下列樣式，以參考新的背景影像。

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

在CSS中使用color屬性

1. 在newStyle.css中，在/apps/ws/css中新增下列樣式

   #header {
   background : none;
   background-color: gray;
   }
   

類別元件

類別元件會在左側面板中顯示您的工作的各種類別。 若要變更其顏色，請在CSS檔案的.category元素中定義背景顏色。

任務元件

任務顯示在名為TaskList Component的中間面板中。 要更改其顏色，請修改與樣式表中的.task選擇器關聯的樣式。

Business.Adobe.com 資源

Multichannel Communication Personalized Experiences Embedded Charts Responsive Forms Web Content Management Digital Signage