Color Scheme

The Color Scheme setting that allows accounts to customize colors for the top Global Navigation Tabs and grid headers has been retired and removed from availability from 15 December 2023. For more details, see the lifecycle announcement that was published in August 2022.

On the Manage Color Scheme page, you can select the style of user interface as well as change the colors of your e-Builder account to match your company colors.

The following user interface styles are available in e-Builder:

  • Classic style: The classic interface style currently displayed in e-Builder.
  • Compass style: A new and updated interface with streamlined navigation. This changes only the visual interface and does not include functional changes.

The user interface style and color scheme is an account-level setting and will be displayed for all projects. If you change the user interface style or colors, the changes will be updated for all users from your company.

  1. Click the Setup tab.
  2. In the Administration Tools menu, expand Settings and click Color Scheme. The Manage Color Scheme page is displayed.
  3. In the Select Visibility field, choose one of the following options:

    The Switch to Compass style button toggle will be displayed for all users only when the Compass style has been enabled for the account. After trying out the Compass style, users can click Switch to Classic style to return to the classic user interface.

    • Allow users to try the Compass style: Select this option to allow users to turn on the Compass style interface.
    • Switch to the Compass style now: Select this option to turn on the Compass style interface for all users.
    • Prevent users from trying the Compass style: Select this option to prevent users from trying the Compass style interface.
  4. Click Save.
  1. Click the Setup tab.
  2. In the Administration Tools menu, expand Settings and click Color Scheme. The Manage Color Scheme page is displayed.
  3. In the Color Scheme Settings section, you can change the color scheme (the background color and text color) for any of the following settings:
    • Active Tab: The currently selected tab onscreen.
    • Inactive Tabs: The inactive tabs onscreen.
    • Grid Headers: The header section of the grid.
    • Background and Footer Links: The background and footer link section.
  4. To change the background color or text color for any of the above areas:
    1. Click Background Color or click Text Color next to the area. The Color Picker popup window is displayed.
    2. On the Basic tab, click a color to select it. Click Select to choose the color and close the popup window.

      Admin-Settings-Color-Basic

    3. If you want more advanced colors, click the Advanced tab. This will allow you to move the color picker circle over the color palette area and select the proper shade to use. If you have the exact color scheme from your marketing group, you can enter the appropriate color numbers on the palette. Click Select to choose the color and close the popup window.
      Admin-Settings-Color-Adv

      If you do not like the color scheme or want to revert to the default color scheme, click Return to Defaults on the Manage Color Scheme page.

  5. Click Save to retain the changes.