Specific Color Based Styling

In continuation of the Redwood color scheme for PeopleSoft applications that was introduced in PeopleTools 8.60, new color palettes are added in the PT_CUSTOM_PROPS (PSSTYLEDEF_FMODE) style sheet.

A primary theme with the style pattern: --pt-theme-primary-# and a neutral theme with the style pattern: --pt-theme-neutral-# are added. In PeopleTools 8.62, the primary theme points to the equivalent teal color palette from Redwood.

The palette color ranges from 1 and 10 to 190 with the color numbers having a p suffix, which denotes that these are special PeopleSoft versions of the Redwood color.

The following table lists a few of the color numbers.

Style Class	Applicable Level	Description
psc_theme-section-primary-1	Section Homepage	Setting a section to the primary 1 color (which is typically white background)
psc_theme-section-all-primary-1	Section Homepage	Setting a section and tile content to the white with neutral (10) tiles.
psc_theme-tile-for-primary-1	Section Tile Homepage	This style class provides the ability to use the tile color from a different section color. For example, if you want the tile color from the styling of primary-all-1 on a primary-130 section, you could specify psc_theme-section-primary-130 (only the section color specifications) and psc_theme-tile-for-primary-1 (use the neutral 10 color as if the section were in a primary-1 section).

Style Class

Applicable Level

Description

psc_theme-section-primary-1

Section

Homepage

Setting a section to the primary 1 color (which is typically white background)

psc_theme-section-all-primary-1

Section

Homepage

Setting a section and tile content to the white with neutral (10) tiles.

psc_theme-tile-for-primary-1

Section

Tile

Homepage

This style class provides the ability to use the tile color from a different section color. For example, if you want the tile color from the styling of primary-all-1 on a primary-130 section, you could specify psc_theme-section-primary-130 (only the section color specifications) and psc_theme-tile-for-primary-1 (use the neutral 10 color as if the section were in a primary-1 section).