Blast 入口網站登入頁面

本主題說明如何修改管理主控台登入頁面上的元素。

備註： 開始之前，請將您要用於此程序的任何自訂檔案新增至 DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom。如果您尚未建立此資料夾，請參閱 建立用於 Blast 入口網站品牌影像的資料夾。

標誌色彩

若要變更標誌色彩，請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

編輯此檔案的區段，如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH/horizon.png。

.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon.png) no-repeat;
margin-bottom: 32px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前	之後

標誌大小

若要變更標誌大小，請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

編輯此檔案的區段，如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH/horizon_2x.png。

.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon_2x.png) no-repeat;
margin-bottom: 32px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前	之後

登入按鈕

若要修改此按鈕，請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

編輯此檔案的區段，如下所示。已編輯的文字為 red。

ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前	之後

登入頁面註腳

若要修改此標誌，請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案：

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

編輯此檔案的區段，如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH /vmware_logo_dark.svg。

.bottom-logo {
width: 83px;
height: 13px;
opacity: 100%;
position: absolute;
bottom: 30px;
left: 51%;
margin-left: -52px;
background: url(BRANDING_RESOURCE_PATH /vmware_logo_dark.svg) no-repeat;
background-size: 83px 13px;

下列影像顯示進行這些變更前後的頁面外觀範例。

之前	之後