You can change the logo and application name in your application's banner, select a
theme for how your application looks, or style individual user interface elements, such as
buttons and links.
-
In the navigation panel, click .
-
Enter the name of your application.
-
To specify whether to display your logo, application name, both, or neither in the
banner, use the Show on Banner option.
- Optional:
To upload your application's logo, click Change logo, and then
perform one of the following actions:
- Select a logo from the default list.
- To upload your custom logo, click Upload logo.
If you choose to display the logo, it is displayed on the left side of the banner. The
supported file types are jpg, png, and gif.
-
Click Yes, update my theme!
-
Select a theme, which determines the default colors for elements in your user
interface, such as buttons and links, as well as your typography.
- Optional:
To customize the theme, complete the following actions:
- To specify colors for UI elements such as strong, standard, and simple buttons,
select options under Colors. To view the name of the skin
format or mixin component that is mapped to a color option, place your cursor over
that color option.
- To specify fonts, font weights, and font sizes, select options under
Text. To view the name of the skin format or mixin component
that is mapped to a text option, place your cursor over that text option.
- You can add new theme colors and new theme text. The name of the new theme must be
unique.
- Optional:
To reset all color and text options to their default values for the theme, click
Reset to default.
- Optional:
To change the styles that you cannot select for the theme on the
Theme tab, for example, the font for the header text, click
Edit CSS.
-
Click Save.
Result: You can also change the styling of some controls at run time in
App Studio. For more information, search for the article Styling
controls at run time on Pega Community.