Configure logo, colors, and system defaults for UI16

You can use the Basic Configuration UI16 module to brand your instance with your company logo and colors and set basic system defaults. This place is the best starting point if you are setting up your instance for the first time or if you have recently enabled UI16.

1. Navigate to System Properties > Basic Configuration UI16.
2. Complete the configuration by changing any of the following settings:

   Table 1. Basic system configuration properties

   Label	Property	Description
   Page header caption	glide.product.description	Change the text that appears next to your logo.
   Browser tab title	glide.product.name	Change the text that appears on the browser tab.
   System timezone for all users unless overridden in the user's record	glide.sys.default.tz	Select the timezone in the choice list. Click Configure available time zones to select the time zones that your users can select from in user preferences.
   Banner image for UI16	glide.product.image.light	Click + next to the image and upload your logo.
   Date format Time format	glide.sys.date_format glide.sys.time_format	Select the date and time formats from the choice lists.
   Header background color	css.$navpage-header-bg	Select or enter the color. This color is also used as part of the theme preview on the Themes tab under system settings.
   Banner text color	css.$navpage-header-color	Select or enter the color. This color is also used as part of the theme preview on the Themes tab under system settings.
   Header divider stripe color	css.$navpage-header-divider-color	Select or enter the color.
   Navigation header/footer	css.$navpage-nav-bg	Select or enter the color.
   Navigation background expanded items	css.$subnav-background-color	Select or enter the color.
   Module text color for UI16	css.$navpage-nav-color-sub	Select or enter the color.
   Navigation selected tab background color	css.$navpage-nav-selected-bg	Select or enter the color.
   Navigation selected tab divider bar color	css.$nav-highlight-bar-active	This color is also used as part of the theme preview on the Themes tab under system settings.
   Navigation unselected tab divider bar color	css.$nav-highlight-bar-inactive
   Navigation separator color	css.$nav-hr-color	Select or enter the color.
   Background for navigator and sidebars	css.$navpage-nav-bg-sub	Select or enter the color.
   Currently selected Navigation tab icon color for UI16	css.$navpage-nav-selected-color	Select or enter the color.
   Unselected navigation tab icon and favorite icons color	css.$navpage-nav-unselected-color	Select or enter the color.
   Border color for UI16	css.$navpage-nav-border	Select or enter the color. Also affects the border of the Filter conversations search box in the Connect Chat sidebar.
   Selected base theme	glide.ui.base_theme.selected_theme	Switches the main content (everything other than the application navigator and the header) between the La Jolla and Cobalt themes.

   For most of the settings, as you make changes, the page refreshes with a preview of the change. Only you see these changes. Some settings require you to log out and log back in again to see the change.
3. Click Save at the top or bottom of the page.