Changing Logo and Colors in the WTC and Login Page

Rebranding the Web Transfer Client  (WTC) is a common request from customers. This topic provides the procedures for changing the logo and colors in the Login pages and in the WTC itself.

  • Please make a backup copy of any files that you plan to edit, in case you have to back out your edits.

  • Do not attempt to make changes to the JS or PS files unless you are well versed in doing so. Refer to 11520, Upgrading from v7 to v8: WTC - Workspaces Customizations for more information.

  • You will need to install PowerShell if you don't have it already.

IMPORTANT: When upgrading to v8.0.5, be aware of the file paths that have changed: If a customized file was previously in this path:
[EFT install folder]\web\custom\EFTClient\[site name]\shadowfax\wtc\assets\
for v8.0.5 it will now reside under this path:
[EFT install folder]\Web\Custom\[site name]\Shadowfax\wtc\assets\
(Notice the capitalization of Web and Custom for the new folder path)

The files that you can edit are found in:

v8.0.4 and earlier: <EFT installation folder>\web\public\EFTClient\shadowfax\wtc\assets\customization.

v8.0.5 and later: <EFT installation folder>\Web\Shadowfax\portal\assets\customization

The customization folder contains the theme.json file and the customization-theme.ps1 file.

  • theme.json is used to define the colors used in the WTC

  • customization-theme.ps1 is a PowerShell script used to change the colors throughout the product

The procedures below describe how to change the colors, and then run the PowerShell script, as well as changing the logos.

The default colors in the theme.json file are in hexidecimal. (You can find color numbers on the Internet or use Adobe PhotoShop to identify the color number.)

  • "primary":  "#00a8d4", - blue, used for input field outlines, e.g., the border around the password and username boxes

  • "accent": "#7400d4", - purple, used for check boxes

  • "warn":  "#f44336", - red, used as outline for input field errors, such as invalid characters in a password

  • "header": "#232323", light black background

  • "headerText": "#DAE0E2", the light gray text in the header, Web Transfer Client

  • "toolbar": "#FEFEFE", light gray background

  • "toolbarText": "#242424" light black text on the toolbar

To change the colors in the WTC, forgot-username, reset-password (shown above), and other WTC pages

  1. Open theme.json in a text editor such as Notepad.

  2. Edit the colors as desired. By default, the border around text-entry boxes are blue, and then change to red if there is an error (e.g., the email that was typed is not in the correct format).

  3. Save the changes to theme.json.

  4. Open Windows PowerShell ISE (click Start, then Search to find it).

  5. In PowerShell, open customize-theme.ps1, then click the Run icon.

  6. Go to your WTC address (e.g., https:\\mywtc), then click Forgot Password to open the forgot-username window. The text-entry boxes should be displayed in your new colors.

To change the atom logo in the WTC

The logo next to Web Transfer Client (as shown above) is called logo.png. You can replace it with your company logo with the same file name (logo.png). The file is located in:

  • v8.0.4 and earlier: <EFT installation folder>\web\public\EFTClient\shadowfax\wtc\assets\images

  • v8.0.5 and later: <EFT installation folder>\Web\Shadowfax\portal\assets\images

This will also change the logo that appears on forgot-username, reset-password (shown above), and other WTC pages.

  1. Create or copy your logo to the EFT computer.

  2. Rename logo.png to logo-OLD.png.

  3. Paste your new logo into the same folder, then rename the new logo to logo.png if it isn't already.

  4. Open your browser and log in to the WTC. You should see your new logo.

    • If an empty box appears instead of the logo, right-click the box, then click Open image in new tab. If it says "image not found" go to the \images\ folder and make sure the file is in that folder and has the name logo.png. It has to be exactly that name, but size and resolution do not matter.

To change the logo on the main login page (e.g., https://localhost/EFTClient/Account/Login.htm)

The EFT logo on the login page is stored in a different location than the one used in the WTC. The procedure below describes how to replace it with your own logo.

  1. On the EFT computer.

    • In v8.0.4 and earlier: <EFT installation folder>\web\public\EFTClient\shared\images

    • In v8.0.5 and later:  <EFT installation folder>\Web\Shared\images

  2. Rename gs-atom-logo.png to gs-atom-logo-OLD.png.

  3. Paste your new logo into the same folder, then rename the new logo to gs-atom-logo.png.

  4. Stop the EFT server service, and clear the browser cache, then restart the server service.