Skip to main content
close Search
Close search

Challenge

Applying a theme and a style

3 Tasks

5 mins

Visible to all users
Beginner Pega Platform 8.5 Pega Platform 8.4 User Experience English

Scenario

The InsCorp marketing team has asked you to customize the GoGoRoad application theme to align with the company's brand. Apply the company's colors and logo to the application theme.

The following table provides the credentials you need to complete the challenge.

Role User name Password
Application Developer author@gogoroad pega123!

Challenge Walkthrough

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Detailed Tasks

1 Modify the application logo

  1. In the App Studio navigation pane, click Settings > Theme.
  2. Click Change logo to change the logo to an existing or new logo.
  3. In the dialog box, select an existing logo and click Submit.
    Note: For the purposes of this challenge, use an out-of-the-box logo.
  4. Confirm that the logo to the left of the Change logo button reflects your logo selection.
    GoGoRoad application theme with new logo selected

2 Modify the application theme

  1. In the application theme, in the Theme section, click a theme.
    GoGoRoad application with new theme selected
  2. Confirm that the logo background color and the Colors in the section that follows reflect the selected colors of the theme.
  3. In the Colors section, select the Links square to open a dialog where you can modify the color of links in the application.
    GoGoRoad application theme Links color
  4. In the Hex value field, enter 0000EE.
  5. Click Save to change the link color to blue.
  6. In the Text section, to the right of Heading 1, click the second drop-down list and select Bold.
  7. To the right of Heading 1, in the third field, enter a value of 20.
    GoGoRoad application theme Heading 1 text
  8. Click Save to apply changes to the GoGoRoad application theme.

3 Verify your work

  1. In the App Studio header, click Preview application to view the theme and logo changes.
  2. Confirm that the application header uses the new logo and theme color.
    GoGoRoad application with updated theme and logo


Available in the following missions:

If you are having problems with your training, please review the Pega Academy FAQs.

Did you find this content helpful?

Want to help us improve this content?

Suggest an edit

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice