このトピックでは、[アクティビティ] ページおよび [通知] ページの要素を変更する方法について説明します。

[タスクをキャンセル] ボタン

ボタンを変更するには、組織内の両方のテナント アプライアンスで 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-colorbackground-colorcolor を含む行をコメント解除し、色の値を変更します。
#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 
次の例のように、コードの該当するセクションを編集して、 backgroundbox-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;
    }

次の図は、上記に示すようにコードが編集されたときのページの外観の例を示しています。

変更前 変更後