En este tema se describe cómo modificar elementos de la página de inicio de sesión de la consola de administración.

Nota: Antes de comenzar, agregue los archivos personalizados que utilice para este proceso a DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom. Si aún no ha creado esta carpeta, consulte Crear una carpeta para las imágenes de personalización de marca del portal de Blast.

Color del logotipo

Para cambiar el color del logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del arrendatario de la organización:
$> /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 la sección de este archivo que se muestra a continuación (se editó el texto 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;
}

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTES DESPUÉS

Tamaño del logotipo

Para cambiar el tamaño del logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del arrendatario de la organización:
$> /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 la sección de este archivo que se muestra a continuación (se editó el texto 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;
}

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTES DESPUÉS

Botón Iniciar sesión

Para modificar el botón, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del arrendatario de la organización:
$> /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 la sección de este archivo que se muestra a continuación (se editó el texto red).
ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTES DESPUÉS

Pie de la página de inicio de sesión

Para modificar el logotipo, edite el archivo style.app-htmlaccess.f33ab3196e5a180e246e.css en los dos dispositivos del arrendatario de la organización:
$> /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 la sección de este archivo que se muestra a continuación. (se editó el texto 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;

En estas imágenes se muestra un ejemplo de la apariencia de la página antes y después de estos cambios.

ANTES DESPUÉS