活動和通知頁面

本主題說明如何修改活動和通知頁面上的元素。

取消工作按鈕

若要修改按鈕，請編輯組織中兩個租用戶應用裝置的 stylesForCustomBranding.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

編輯適當的程式碼區段，使其類似於下列範例，並取消註解包含 border-color、background-color 和 color 的程式碼行，以及變更色彩值。

#zedd-content .modal-footer .btn {
     border-color: blue !important;
     background-color:  green !important;
     color: black  !important;  }

下圖顯示以上述方式編輯程式碼時的頁面外觀範例。

之前	之後

排序圖示

若要修改排序圖示，請編輯組織中兩個租用戶應用裝置的 stylesForCustomBranding.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

編輯適當的程式碼區段，使其類似於下列範例，並取消註解包含 color 的程式碼行，以及變更色彩值。

  #zedd-content .datagrid-column-title .sort-icon {
     color: orange !important;  } 

下圖顯示以上述方式編輯程式碼時的頁面外觀範例。

之前	之後

作用中索引標籤

若要修改作用中索引標籤的外觀，請編輯組織中兩個租用戶應用裝置的 stylesForCustomBranding.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

編輯適當的程式碼區段，使其類似於下列範例，並取消註解包含 background、box-shadow 和 -webkit-box-shadow 的程式碼行，以及變更色彩值。

  #zedd-content .nav .nav-link {
     background:  pink !important;
     box-shadow: 0 -3px 0 red inset !important;
     -webkit-box-shadow: 0 -3px 0 red inset !important;

下圖顯示以上述方式編輯程式碼時的頁面外觀範例。

之前	之後

核取方塊

若要修改核取方塊，請編輯組織中兩個租用戶應用裝置的 stylesForCustomBranding.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

編輯適當的程式碼區段，使其類似於下列範例，並取消註解包含 background 的程式碼行，以及變更色彩值。

.clr-checkbox-wrapper input[type=checkbox]:checked + label::before {
   background: red !important;

下圖顯示以上述方式編輯程式碼時的頁面外觀範例。

之前	之後

頁面背景

若要修改背景，請編輯組織中兩個租用戶應用裝置的 stylesForCustomBranding.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

編輯適當的程式碼區段，使其類似於下列範例，並取消註解包含 background 的程式碼行，以及變更色彩值。

#zedd-content {
    /*! Activity and Notification (all clarity pages) Background */
    .main-container {
        background: red !important;
    }