Add a Theme in Administration Portal
Use the Display Preferences page to personalize the following elements:
Login page background and logo for the portals.
Logo and banner on the top-left corner of the portals.
Typeface for the GUI.
Logo, typeface, company name, and background colors for reports.
Primary and Secondary color palettes for the navigation panel, text on active tabs, icons, and buttons on the GUI.
This topic is applicable only for users with the SP Administrator role who are assigned the Update Preferences capability.
To add a new theme:
- Click Administration > Display Preferences.
The Display Preferences page appears.
- Click the Plus (+) icon to create a theme.
The Add New Theme page appears.
- Complete the configuration according to the guidelines
in Table 1.
Fields marked with an * are mandatory.
- Click Save when your changes to the settings
A confirmation message appears and the new theme is displayed in the Display Preferences page.
Once you create a new theme, it takes a few minutes for CSO to generate the theme.
Table 1: Fields on the Display Preferences Page
Enter the name of your theme.
Portal (top-left corner)
Upload an image for the logo that appears on the top-left corner of the portals:
Banner (top-left corner)
Upload an image for the banner that appears on the top-left corner of the portals:
Upload an image for the logo that appears on the top-left corner of the login page. SVG is the supported file format for images and 240x25 pixel is the recommended image size.
For information on uploading the image, see Step-by-Step Procedure.
Select a background image or background color for the login page:
Select a typeface (Arial, Helvetica, or Open Sans), for the CSO GUI, from the list or upload a custom typeface. The default typeface is Helvetica.
Click Browse to upload a logo that appears in the SD-WAN reports and security reports. PNG is the supported file format and 240x25 as the recommended image size.
Enter a company name.
This name appears in the SD-WAN and Security reports.
Note: If you enter any company’s name other than Juniper Networks, the Juniper branding page is automatically hidden.
Select a typeface (Arial, Helvetica, or Antenna) from the list or upload a custom typeface for the reports. The default typeface is Helvetica.
Select colors (Background Color 1 and Background Color 2) from the palette for a gradient effect.
This effect is visible in the background of the report.
Use the default color palette or create a customized palette.
Select a primary color. Primary color is the color of selected menu in the navigation bar, linked texts (tenant names, site names, etc.), and menus (such as More, Filter) on a page in Administration and Customer Portals.
Primary Navigation Background
Select a background color for the primary navigation panel.
Select a color for the active tab in a tab container; the tab name changes to the selected color when it is active.
For example, the color of the Configuration Template tab in
Resources > Tenant Devices > Device-Name.
Grid (Table) Action
Select a color for the icons on the navigation bar and icons on the corner of the portals such as notification, email, full screen, and help.
Grid (Table) Action Hover
Select a color for an icon on top of a grid; the icon changes to the selected color when you hover over it.
Primary Action Button Text
Select a text color on the primary action button.
For example, text color of the Add OpCo button in
Tenants > Operating Companies.
Primary Action Button
Select a color for the primary action button that appears on pages. For example, color of the Save button in Add New Theme page.
Secondary Action Button Text
Select a text color on the secondary action button.
Secondary Action Button
Select a color for the secondary action button such as radio buttons in GUI.