Configure logo, colors, and system defaults

You can use the Basic Configuration 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.

Before you begin

To prepare for completing basic configuration, gather the following information.
  • Obtain the company banner image to use in the header. The image can be high resolution, but when it displays it is scaled based on the aspect ratio. It scales to a maximum of 50px high.
  • Decide whether to change the banner and list header background color, and the banner text color. If you plan to do so, obtain the brand color hex or RGB numbers of your company. Typically, this information comes from your marketing department.

Role required: admin

About this task

This procedure applies to configuring UI15 and UI11.

Procedure

  1. Navigate to System Properties > Basic Configuration
  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.
    Banner and list caption background color css.base.color Click the color picker and select the color to use.

    You can also enter the name, RGB decimal, or RGB hex number of the color. Refer to HTML Color Names (W3CSchools) for information about HTML color names.

    Browser tab title glide.product.name Change the text that appears on the browser tab
    Banner image glide.product.image Click + next to the image and upload your logo.
    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.

    Date format

    Time format

    glide.sys.date_format

    glide.sys.time_format

    Select the date and time formats from the choice lists.
    Banner text color css.banner.description.color Click the color picker and select the color to use.

    You can also enter the name, RGB decimal, or RGB hex number of the color.

    As you make changes, the page refreshes with a preview of the change. Only you see these changes.
  3. Click Save at the top or bottom of the page.

Result

After you save the configuration changes, all users who select the System theme in their UI personalization options see the new configuration colors.