本主题介绍了如何修改管理控制台登录页面的元素。
注： 在开始之前，请将用于此过程的所有自定义文件添加到
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;
下图显示了这些更改前后页面的外观示例。
| 之前 | 之后 |
|---|---|
 |
 |
