You can specify the custom logo that appears on the VMware Integrated OpenStack dashboard log-in page.


  1. Load your custom graphic file to the /home/viouser/custom/horizon/ directory in your VMware Integrated OpenStack deployment.

    This directory is the default directory for graphic files in the VMware Integrated OpenStack dashboard.

  2. Modify the /home/viouser/custom/horizon/_styles.scss file in a text editor.
    1. Uncomment the .login parameter.
      .login {
          background-image: url(/static/themes/vmware/CUSTOM_LOGIN_PAGE_LOGO.png);
          color: white;
          background-color: black;
    2. Modify the .login parameter to reference your custom graphic file.
    3. Save the _styles.scss file.
  3. Implement the custom.yml file.
    sudo mkdir -p /opt/vmware/vio/custom
    sudo cp /var/lib/vio/ansible/custom/custom.yml.sample /opt/vmware/vio/custom/custom.yml
  4. Open the /opt/vmware/vio/custom/custom.yml file in a text editor.
    1. Uncomment the parameter that enables the custom.yml settings to override the default style sheet settings.
      # overwrite the _styles.scss file in the VMware theme
      horizon_custom_stylesheet: "/home/viouser/custom/horizon/_styles.scss"
    2. Uncomment the parameter that specifies the custom directory to contain the custom graphic file.
      # copy all custom images (or other files) to be accessible in horizon
      # IMPORTANT: this line must end with a "/" in order to place the files
      # in the right location for horizon
      horizon_custom_directory: "/home/viouser/custom/horizon/" 
    3. Save the custom.yml file.


Your custom logo appears on the dashboard log-in page the next time you start a session.