Este tópico descreve como modificar elementos da página de login do Console Administrativo.

Observação: Antes de começar, adicione a DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom os arquivos personalizados que você está usando para esse processo. Se você ainda não tiver criado essa pasta, consulte Criar uma pasta para as imagens de identidade visual do Portal do Blast.

Cor do logotipo

Para alterar a cor do logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos de tenant na organização:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é 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;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

ANTES DEPOIS

Tamanho do logotipo

Para alterar o tamanho do logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos de tenant na organização:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é 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;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

ANTES DEPOIS

Botão Login

Para modificar o botão, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos de tenant na organização:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é red.
ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

ANTES DEPOIS

Rodapé da página de login

Para modificar o logotipo, edite o arquivo style.app-htmlaccess.f33ab3196e5a180e246e.css em ambos os dispositivos de tenant na organização:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
Edite a seção desse arquivo conforme mostrado abaixo. O texto editado é 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;

As imagens a seguir mostram um exemplo da aparência da página antes e depois dessas alterações.

ANTES DEPOIS