How to Create Custom Theme for Logon Page of NetScaler Gateway 10.1 and 10.5

Note: This procedure is provided as-is. The Citrix technical support might ask you to reverse these changes when issues related to authentication occur before troubleshooting the issue.

Complete the following steps to create custom theme using the command line interface:

1. In the configuration utility, on the Configuration tab, in the navigation pane, expand NetScaler Gateway and then click Global Settings.

2. In the details pane, under Settings, click Change Global Settings.

3. In Global NetScaler Gateway Settings, click the Client Experience tab.

4. Next to UI Theme, select Default or Green Bubble, depending on which theme you want to use as a base template for the customization and then click OK.

5. Make customization changes under /var/netscaler/gui/vpn. You can:

   1. Make edits to the css/ctx.authentication.css file.

   2. Copy a custom logo to the /var/netscaler/gui/vpn/media folder.
      
      Note: You can use WinSCP to transfer the files.

6. Log on to the NetScaler Gateway command line.

7. At the command prompt, type shell.

8. At the command prompt, type:
   
   mkdir /var/ns_gui_custom; cd /netscaler; tar –cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*

9. If you have multiple NetScaler Gateway appliances, then repeat Steps 1 to 8 for all appliances.

10. If you have an HA environment then complete the following steps:

    1. Log on to the primary NetScaler command line.

    2. At the command prompt, type shell.

    3. Copy the customtheme.tar.gz file under “/var/ns_gui_custom” to the secondary NetScaler:
       
       scp customtheme.tar.gz nsroot@secondary.netscaler.ip:/var/ns_custom_theme

       Note: You can use WinSCP to transfer the files.

11. In the configuration utility, on the Configuration tab, in the navigation pane, expand NetScaler Gateway and then click Global Settings.

12. In the details pane, under Settings, click Change Global Settings.

13. In Global NetScaler Gateway Settings, click the Client Experience tab.

14. Next to UI Theme, click Custom and then click OK.

Note: If you upgrade NetScaler Gateway from an earlier version, Citrix recommends that you set the theme back to the default theme page before the upgrade. When the upgrade is complete, you can use either of the preceding procedures to apply the custom theme page.