How to modify the default theme of Veeam Enterprise Manager 9.5

I have been working with Enterprise Manager lately and I wanted to share one way you can customize the theme of the backup portal.

We need to edit the following files to change the default Veeam green to blue for this example. Take a backup of each file before continuing,

obat neurontin C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\app.min.css

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\main.css

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\veeam-theme.css

I used visual studio code to make the changes to each of the files. You can open each one in a different tab then select Edit from the drop down menu then Replace. Enter the default green #54b948 colour code at the top and then your new colour code #06ABF7 below, then click the Replace All icon to the right.

Then select File and Save All.

You will also need to modify the default green colour of the Main Menu items when you hover over them,

This can be done by modifying two of the previous files,

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\app.min.css

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\main.css

Select Edit from the drop down menu then Replace. Enter the default highlight green #439839 colour code at the top and then your new colour code #06ABF7 below, then click the Replace All icon to the right.

Then select File and Save All.

Then again for the Config Menu Items,

This can be done by modifying two of the previous files,

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\app.min.css

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\css\main.css

Select Edit from the drop down menu then Replace. Enter the default highlight green #4ba640 colour code at the top and then your new colour code #06ABF7 below, then click the Replace All icon to the right.

Then select File and Save All.

Once you have replaced each entry and saved the files you can refresh the enterprise manager portal.

Next it’s time to update the image file used to display (in green) what version you are running, in my case Enterprise Plus Edition

Locate the following directory,

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\img\header\

Take a backup of the following files before continuing,

title_enterprise_plus.png

title_enterprise.png

title_standart.png

Open and edit the image of the version that you are running. The file itself has a transparent background so you will need to use software that can edit this to remove the images and replace them with your own text and logo etc.

Here is a very basic change to the image, I just used the erase tool to remove the default image and text and replaced it with this very creative company name for this example. You can also add your company logo and customize it further.

Then save the file back to its original location and refresh your browser.

Now to update the admin logon box for Enterprise Manager

Open the following file,

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\Login.aspx

Search for ‘Credentials’ and replace it with the title you would like for your login page.

Then save the updated file.

Next we need to update the vCloud Director tenant logon box for Enterprise Manager.

Open the following file,

C:\Program Files\Veeam\Backup and Replication\Enterprise Manager\WebApp\vCloud\Login.aspx

Search for ‘vCloud Director Credentials’ and replace it with the title you would like for your tenant login page.

Then save the updated file.

Refresh the page and the admin login portal should now be updated.

Then browse to one of the tenant URL’s by adding buy phenergan canada /vCloud/TenantOrgName to then end of the current admin portal. You should now see the updated Tenant Login box.

LINKEDIN

Leave a Reply

Your email address will not be published. Required fields are marked *

LINKEDIN