Skip to main content

Applying a theme and a style

Archived

3 Tasks

5 mins

Visible to: All users
Beginner
Pega Platform 8.5
User Experience
English
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded.

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

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:

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