PingOne

Customizing a theme

PingOne includes several themes by default. You can modify the default themes to better match your company’s branding. The custom theme will use the organization logo if you added one.

About this task

If you customize a theme, you are responsible for ensuring that your customizations meet accessibility standards.

Steps

  1. Go to User Experience > Branding and Themes.

  2. Under My Themes, click the theme you want to customize.

  3. To change the theme’s name, enter a new name in the Name field.

  4. To preview the theme as it will appear on desktop or mobile, click the Mobile or Desktop buttons.

  5. To select a screen to preview, click the Preview menu and select the appropriate screen.

  6. For Theme colors, edit one or more of the color options:

    Option Description

    Body Text

    The color of non-heading text.

    Button

    The color of the buttons, such as the Sign on and Save buttons.

    Button Text

    The color of the text on the buttons.

    Card

    The color of the box around form fields.

    Heading Text

    The color of the text in headings.

    Link

    The color of hypertext links.

  7. Edit one or more of the logo and background options:

    Option Description

    Logo

    An image to represent the environment.

    Click Image, and then click the Logo icon to upload an image file.

    Use a file up to 2 MB in JPG, JPEG, GIF, or PNG format.

    Authentication Flow Background

    A background image or color.

    Click Image, then click the Thumbnail icon to upload an image file.

    Select Color, then click the Thumbnail to select a color.

    Application Background

    A background color for applications included with PingOne, such as PingOne Application Portal and PingOne Self Service - MyAccount.

    Footer

    Text that appears at the bottom of each page. You can include HTML in the footer, including the following elements and attributes:

    • a(href, target)

    • b

    • blockquote(cite)

    • br

    • cite

    • code

    • dd

    • dl

    • dt

    • em

    • i

    • li

    • ol

    • p

    • pre

    • q(cite)

    • small

    • span

    • strike

    • strong

    • sub

    • sup

    • u

    • ul

    To use an href, you must include the protocol in the address, such as ftp, http, https, mailto, tel, or sms.

  8. Click Save Changes.

Next steps

Selecting a theme