Updating Custom Macro Sets for the Current Release

If you have created a custom macro set, then you need to update that macro set with both the new macros introduced with each subsequent PeopleTools release as well as the existing macros that were updated in each subsequent PeopleTools release. Refer to each of the tables to determine the changes that you need to apply to your custom macro set. Alternatively, you could re-apply your branding to a cloned copy of the current release’s PT_DEFAULT_MACROSET macro set as described in the preceding section, “Configuring the System to Use a Custom Macro Set.”

Note the following regarding macro names and specifications:

  • Any macro with a name similar to *_FULL_CSS requires a full CSS specification in the form of:

    CSSselector { cssProperty: cssValue; ...}
  • Typically, any macro with a name similar to *_CSS (not *_FULL_CSS) requires a specification in the form of:

    CSSProperty: CSSValue;[CSSProperty:CSSValue;...]

New Macros in PeopleTools 8.57

The following macros were added in PeopleTools 8.57:

Macro Name Macro Content Description

PT_COMPINFO_BACKGROUND

linear-gradient(rgb(23,54,81),rgb(57,106,144))

Company Information RTE background

PT_COMPINFO_BOTTOMBORDER

1px solid rgb(81,113,150)

Company Information RTE bottom border

PT_COMPINFO_CSS2

 

Company Information RTE generic CSS

PT_COMPINFO_HEIGHTTHRESHOLD

564px

Company Information window height threshold value where a height below this value applies new macros

PT_COMPINFO_HEIGHTTHRESH_CSS2

 

Company Information RTE generic CSS for window height threshold

PT_COMPINFO_HEIGHTTHRESH_FULL_CSS1

 

Company Information CSS for window height threshold (full CSS selector plus property/value)

PT_COMPINFO_ORIENTLAND_CSS2

 

Company Information RTE generic CSS for landscape mode

PT_COMPINFO_ORIENTLAND_FULL_CSS1

 

Company Information CSS for landscape mode (full CSS selector plus property/value)

PT_COMPINFO_ORIENTLAND_SFF_CSS2

 

Company Information RTE generic CSS for landscape mode for small form factor only

PT_COMPINFO_SFF_CSS2

 

Company Information RTE generic CSS for small form factor

PT_COMPINFO_TEXTCOLOR

#ffffff

Company Information RTE default font color

New Macros in PeopleTools 8.58

The following macros were added in PeopleTools 8.58:

Macro Name Macro Content Description

PT_BANNER_BACK_IMAGE_NARROW_CSS

%AlignStart:4px;

Banner Back Button image adjustment css when text disappears from button (only image)

PT_BANNER_IMAGE_BUTTON_RADIUS

1.2em

Banner image button border radius

PT_BANNER_SEARCH_PRESSED_ACTIVE_CSS

background-color: rgba(0,0,0,0.8);background-image: linear-gradient(to bottom, #000, #6c7784);

Banner button (search) depressed state general css on activate

PT_BANNER_SEARCH_PRESSED_BOXSHADOW

inset 1px 1px 0 0 #5c6570, inset -1px 0 0 0 #5c6570, inset 0 2px 0 0 #eee

Banner button (search) depressed state box shadow

PT_BANNER_SEARCH_PRESSED_HOVER_CSS

background-color: rgba(255,255,255,0.35);background-image: linear-gradient(to bottom, #505862, #6c7784);

Banner button (search) depressed state general css on hover

PT_BANNER_UPPER_DECORATION

linear-gradient(to %AlignEnd, #b4ec51, #53a0fd)

Banner decorative border (actually a background)

PT_BANNER_UPPER_DECORATION_HEIGHT

0.25em

Banner decorative border height

PT_HOMEPAGE_PAGEIND_CONT_BACKGROUND

#8b9197

Homepage/Dashboard page indicator container background color

PT_HOMEPAGE_TILE_BORDER_HOVER

#246FC7

Homepage/Dashboard Tile border color for hover

PT_HOMEPAGE_TILE_BOXSHADOW_HOVER

0 8px 20px 0 rgba(29,39,51,0.10)

Homepage/Dashboard Title box shadow for hover

PT_HOMEPAGE_TILE_TITLE_ALIGNMENT

center

Homepage/Dashboard Tile Title alignment (non-small form factor)

PT_HOMEPAGE_TILE_TITLE_COLOR

#1e5ca4

Homepage/Dashboard Tile Title text color

PT_HOMEPAGE_TILE_TITLE_CSS

 

Homepage/Dashboard Tile Title text general css adjustments

PT_NAVBAR_TOP_OFFSET

2.97em

NavBar Offset from top of window

PT_SEARCH_TRAY_BORDER_COLOR

#5c6570

Banner Search Tray border color

Updated Macros in PeopleTools 8.58

The following macros were updated in PeopleTools 8.58:

Macro Name Macro Content Description

PT_BANNER_BACKGROUND_COLOR

#1d2733

Banner background color (set background image to none to see flat color)

PT_BANNER_BACKGROUND_IMAGE

none

Banner background Image

PT_BANNER_BACK_BACKGROUND_COLOR_ACTIVE

rgb(0,0,0,0.8)

Banner back button background color for activate

PT_BANNER_BACK_BACKGROUND_COLOR_HOVER

rgba(255,255,255,0.35)

Banner back button background color for hover

PT_BANNER_BACK_BACKGROUND_IMAGE

none

Banner back button background image (set to none to use the background color)

PT_BANNER_BACK_BACKGROUND_IMAGE_ACTIVE

none

Banner back button background image for activate

PT_BANNER_BACK_BACKGROUND_IMAGE_HOVER

none

Banner back button background image for hover

PT_BANNER_BACK_BORDER_BOTTOM_COLOR

#3d444e

Banner back button border color (bottom)

PT_BANNER_BACK_BORDER_BOTTOM_COLOR_HOVER

#3d444e

Banner back button border color (bottom) for hover

PT_BANNER_BACK_BORDER_COLOR

#3d444e

Banner back button border color

PT_BANNER_BACK_BORDER_COLOR_HOVER

#3d444e

Banner back button border color for hover

PT_BANNER_BACK_BOXSHADOW

none

Banner back button box shadow

PT_BANNER_BACK_BOXSHADOW_ACTIVE

none

Banner back button box shadow for activate

PT_BANNER_BACK_BOXSHADOW_HOVER

none

Banner back button box shadow for hover

PT_BANNER_BORDER_COLOR

#f0f0f0

Banner bottom border color

PT_BANNER_BUTTON_BACKGROUND_COLOR_ACTIVE

rgba(0,0,0,0.8)

Banner button default background activate color

PT_BANNER_BUTTON_BACKGROUND_COLOR_HOVER

rgba(255,255,255,0.35)

Banner button default background hover color

PT_BANNER_BUTTON_BADGE_BG_COLOR

#39C5A6

Banner badge background color (primarily for notifications)

PT_BANNER_BUTTON_BADGE_BORDER_COLOR

#39C5A6

Banner badge border color (primarily for notifications)

PT_BANNER_BUTTON_BADGE_TEXT_COLOR

#000

Banner badge text color (primarily for notifications)

PT_BANNER_BUTTON_BOXSHADOW

none

Banner button box shadow

PT_BANNER_BUTTON_BOXSHADOW_ACTIVE

none

Banner button default activate boxshadow

PT_BANNER_BUTTON_BOXSHADOW_HOVER

none

Banner button default hover boxshadow

PT_BANNER_BUTTON_BOXSHADOW_HOVER_RTL

none

Banner button default hover boxshadow (RTL)

PT_BANNER_BUTTON_TEXT_COLOR

rgba(255,255,255,0.95)

Banner button default text color

PT_BANNER_BUTTON_TRUE_BG_COLOR_ACTIVE

rgba(0,0,0,0.8)

Banner button actual activate color

PT_BANNER_BUTTON_TRUE_BG_COLOR_HOVER

rgba(255,255,255,0.35)

Banner button actual hover color

PT_BANNER_BUTTON_TRUE_BXSHADOW_ACTIVE

none

Banner button actual activate box shadow

PT_BANNER_BUTTON_TRUE_BXSHADOW_HOVER

none

Banner button actual hover box shadow

PT_BANNER_GUIDED_NOTIFICATION_SEPARATOR

transparent

Banner border color separator for the notification button from the guided buttons

PT_BANNER_NAVBAR_BACKGROUND_ACTIVE

transparent

Banner NavBar button background (general background property) activate

PT_BANNER_NAVBAR_BACKGROUND_HOVER

rgba(255,255,255,0.35)

Banner NavBar button background (general background property) hover

PT_BANNER_NAVBAR_BACKGROUND_IMAGE

none

Banner NavBar button background image (set to none to use the background color)

PT_BANNER_NAVBAR_BOXSHADOW

none

Banner NavBar button box shadow

PT_BANNER_NAVBAR_IMAGE_CSS

margin-top:-1px; margin-%AlignStart:0;

Banner navbar button icon image css adjustments

PT_BANNER_NAVBAR_SIDE_BORDER_COLOR

transparent

Banner NavBar button Left or Right Border Color

PT_BANNER_SEARCH_PRESSED_BG_COLOR

#6c7784

Banner button (search) depressed state background color

PT_BANNER_SUBMIT_BACKGROUND_COLOR

none

Banner submit button background color

PT_BANNER_SUBMIT_BACKGROUND_COLOR_ACTIVE

none

Banner submit button background color  for activate

PT_BANNER_SUBMIT_BACKGROUND_COLOR_HOVER

none

Banner submit button background color  for hover

PT_BANNER_SUBMIT_BORDER_COLOR

none

Banner submit button border color

PT_BANNER_SUBMIT_BORDER_COLOR_ACTIVE

none

Banner submit button border color for activate

PT_BANNER_SUBMIT_BORDER_COLOR_HOVER

none

Banner submit button border color for hover

PT_BANNER_SUBMIT_BOXSHADOW_HOVER

none

Banner submit button box shadow for hover

PT_BANNER_SUBMIT_TEXTSHADOW_ACTIVE

none

Banner submit button text shadow for activate

PT_BANNER_SUBMIT_TEXTSHADOW_HOVER

none

Banner submit button text shadow for hover

PT_BANNER_SUBMIT_TEXTSHADOW_RTL

none

Banner submit button text shadow (RTL)

PT_BANNER_SUBMIT_TEXT_COLOR

none

Banner submit button text color

PT_BANNER_SUBMIT_TEXT_COLOR_ACTIVE

none

Banner submit button text color for activate

PT_BANNER_SUBMIT_TEXT_COLOR_HOVER

none

Banner submit button text color for hover

PT_COMPINFO_BACKGROUND

#1d2733

Company Information RTE background

PT_COMPINFO_BOTTOMBORDER

transparent

Company Information RTE bottom border

PT_COMPINFO_TEXTCOLOR

rgba(255,255,255,0.95)

Company Information RTE default font color

PT_CONFIRMATION_TEXTSHADOW

none

Confirmation Area text shadow

PT_CONFIRMATION_TEXTSHADOW_RTL

none

Confirmation Area text shadow (RTL)

PT_HOMEPAGE_BACKGROUND

#eff1f4

Homepage/Dashboard background

PT_HOMEPAGE_BANNER_BORDER_COLOR

#f0f0f0

Homepage/Dashboard Banner border color different from default banner bottom border

PT_HOMEPAGE_DASHHDR_EMB_BORDER_COLOR

#ced4da

Dashboard Header Exterior border color when embedded in Activity Guide, Nav Collection, or MD

PT_HOMEPAGE_DASHHDR_EXTPIN_BACKGROUND

#f8f8f8

Dashboard Header Exterior pinned/fixed background (when interior has not yet rendered)

PT_HOMEPAGE_DASHHDR_EXTPIN_BORDERTOP_CLR

#fff

Dashboard Header Exterior pinned/fixed top border color

PT_HOMEPAGE_DASHHDR_EXTPIN_BORDER_COLOR

#a8a8a8

Dashboard Header Exterior pinned/fixed border color

PT_HOMEPAGE_DASHHDR_EXTPIN_BOXSHADOW

0px 1px 16px rgba(0,0,0,0.35)

Dashboard Header Exterior pinned/fixed shadow

PT_HOMEPAGE_DASHHDR_EXT_BORDER_COLOR

#ced4da

Dashboard Header Exterior border color (default)

PT_HOMEPAGE_DASHHDR_INT_PIN_BCKGRD

#f8f8f8

Dashboard Header Interior pinned/fixed background

PT_HOMEPAGE_DASHHDR_INT_UNPIN_LABEL_CLR

#5a5a5a

Dashboard Header Interior unpinned label text color

PT_HOMEPAGE_FOOTER_BACKGROUND

rgba(29,39,51,0.48)

Homepage/Dashboard Footer background

PT_HOMEPAGE_REFRESH_IMAGE_SCALE

1

Homepage/Dashboard Refresh button image scale factor

PT_HOMEPAGE_REFRESH_SIDE_ADJUST

-1px

Homepage/Dashboard Refresh button right (or left in RTL) positioning adjustment

PT_HOMEPAGE_REFRESH_TOP_ADJUST

1px

Homepage/Dashboard Refresh button top positioning adjustment

PT_HOMEPAGE_TILE_BORDER

1px solid #ced4da

Homepage/Dashboard Tile border

PT_HOMEPAGE_TILE_BOXSHADOW

none

Homepage/Dashboard Tile box shadow

PT_HOMEPAGE_TILE_BOXSHADOW_RTL

none

Homepage/Dashboard Tile box shadow (RTL)

PT_LOGO_CSS

transform: scale(0.75);

Company Logo general image adjustments for non-small form factor

PT_LOGO_CSS_SMALL

transform: scale(0.75);

Company Logo general image adjustments for small form factor

PT_LOGO_TOP_PADDING

0.5em

Company Logo top padding for non-small form factor

PT_LOGO_TOP_PADDING_SMALL

0.4em

Company Logo top padding for small form factor

PT_PANEL_TAB_RC_IMAGE_CSS

padding-%AlignStart:1px;

Panel Tab Related Content image specific CSS adjustments

PT_PANEL_TAB_RC_IMAGE_PADDINGTOP

0.3em

Panel Tab Related Content image top padding

PT_PANEL_TAB_RC_IMAGE_TRANSFORM

scale(1)

Panel Tab Related Content image transformation (typically scalling)

PT_PANEL_TAB_SIDE1_BACKGROUND

#1d2733

Panel Tab (Side 1 or Navigation) background

PT_PANEL_TAB_SIDE1_BACKGROUND_ACTIVE

#1c579c

Panel Tab (Side 1 or Navigation) background for active

PT_PANEL_TAB_SIDE1_BACKGROUND_HOVER

#1d2733

Panel Tab (Side 1 or Navigation) background for hover

PT_PANEL_TAB_SIDE1_BORDER_COLOR

#1d2733

Panel Tab (Side 1 or Navigation) border color

PT_PANEL_TAB_SIDE1_BOXSHADOW_ACTIVE

none

Panel Tab (Side 1 or Navigation) box shadow for active

PT_PANEL_TAB_SIDE1_BOXSHADOW_ACTIVE_RTL

none

Panel Tab (Side 1 or Navigation) box shadow for active (RTL)

PT_PANEL_TAB_SIDE1_BOXSHADOW_HOVER

none

Panel Tab (Side 1 or Navigation) box shadow for hover

PT_PANEL_TAB_SIDE1_BOXSHADOW_HOVER_RTL

none

Panel Tab (Side 1 or Navigation) box shadow for hover (RTL)

PT_PANEL_TAB_SIDE1_IMAGE_CSS

%AlignStart:2px;

Panel Tab (Side 1 or Navigation) image specific CSS adjustments

PT_PANEL_TAB_SIDE1_IMAGE_PADDINGTOP

0.29em

Panel Tab (Side 1 or Navigation) image top padding

PT_PANEL_TAB_SIDE1_IMAGE_TRANSFORM

scale(1)

Panel Tab (Side 1 or Navigation) image transformation (typically scalling)

PT_PANEL_TAB_SIDE2_BACKGROUND

#b9ddfb

Panel Tab (Side 2 or Related Content) background

PT_PANEL_TAB_SIDE2_BACKGROUND_HOVER

#d4eafc

Panel Tab (Side 2 or Related Content) background for hover/active

PT_PANEL_TAB_SIDE2_IMAGE_CSS

padding-%AlignStart:1px;

Panel Tab (Side 2) image specific CSS adjustments

PT_PANEL_TAB_SIDE2_IMAGE_PADDINGTOP

0.3em

Panel Tab (Side 2) image top padding

PT_PANEL_TAB_SIDE2_IMAGE_TRANSFORM

scale(1)

Panel Tab (Side 2) image transformation (typically scalling)

PT_SEARCH_TRAY_BACKGROUND_COLOR

#6a7481

Banner Search Tray background color

PT_SEARCH_TRAY_GOBUTTON_IMAGE

PT_NUI_EXECUTE_ARW

Banner search tray go button icon image name

PT_TITLE_SELECTOR_IMAGE_CSS

transform:scale(1);

Banner Title Selector popup indicator icon image css adjustments

New Macros in PeopleTools 8.59

The following macros were added in PeopleTools 8.59:

Macro Name Macro Content Description

PT_BANNER_BACK_BORDER_BOTTOM_COLOR_ACTIV

#657081

Banner back button border color (bottom) for activate

PT_BANNER_BACK_BORDER_COLOR_ACTIVE

#657081

Banner back button border color for activate

PT_HOMEPAGE_NAVAREA_BACKGROUND

inherit

Homepage Navigation Area background

PT_HOMEPAGE_NAVAREA_BORDER_COLOR

#848c94

Homepage Navigation Area border color

PT_HOMEPAGE_NAVAREA_CSS

Homepage Navigation Area generic CSS

PT_HOMEPAGE_NAVAREA_TEXT_COLOR

#1d2733

Homepage Navigation Area text color (default for area)

PT_HOMEPAGE_NAV_NEXT_IMAGE

PTNUI_NEXTPAGE_ICN

Homepage Navigation Next Page image

PT_HOMEPAGE_NAV_NEXT_IMAGE_CSS

text-align:center;margin-top:0.345em;

Homepage Navigation Next Page image position adjustments

PT_HOMEPAGE_NAV_PREV_IMAGE

PTNUI_PREVPAGE_ICN

Homepage Navigation Previous Page image

PT_HOMEPAGE_NAV_PREV_IMAGE_CSS

text-align:center;margin-top:0.345em;

Homepage Navigation Previous Page image position adjustments

PT_HOMEPAGE_PANEL_BORDER_COLOR

#848c94

Homepage SIDE PANEL border colors (QAB and Notification)

PT_HOMEPAGE_POSITION_TEXT_COLOR

inherit

Homepage Page Positioning Text Color

PT_HOMEPAGE_SEARCH_BORDER_COLOR

#000

Homepage Search Area in Banner border color

PT_HOMEPAGE_TITLE_SELECTOR_BACKGD_ACTIVE

#b9ddfb

Homepage Title Selector background for activate

PT_HOMEPAGE_TITLE_SELECTOR_BACKGD_HOVER

#f4f7fc

Homepage Title Selector background for hover

PT_HOMEPAGE_TITLE_SELECTOR_BORDER_ACTIVE

#1d2733

Homepage Title Selector border color for activate

PT_HOMEPAGE_TITLE_SELECTOR_BORDER_HOVER

#868e96

Homepage Title Selector border color for hover

PT_HOMEPAGE_TITLE_SELECTOR_IMAGE

PTNUI_HPSEL_ARROW_ICN

Homepage Title Selector image

PT_HOMEPAGE_TITLE_SELECTOR_IMAGE_CSS

Homepage Title Selector image generic CSS

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_ACTIVE

#1d2733

Homepage Title Selector text color for activate

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_COLOR

inherit

Homepage/Dashboard title selector text  color

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_HOVER

#1c579c

Homepage Title Selector text color for hover

Updated Macros in PeopleTools 8.59

The following macros were updated in PeopleTools 8.59:

Macro Name Macro Content Description

PT_BANNER_BACK_BORDER_BOTTOM_COLOR

#657081

Banner back button border color (bottom)

PT_BANNER_BACK_BORDER_BOTTOM_COLOR_HOVER

transparent

Banner back button border color (bottom) for hover

PT_BANNER_BACK_BORDER_COLOR

#657081

Banner back button border color

PT_BANNER_BACK_BORDER_COLOR_HOVER

transparent

Banner back button border color for hover

PT_BANNER_BUTTON_BADGE_BG_COLOR

#53a0fd

Banner badge background color (primarily for notifications)

PT_BANNER_BUTTON_BADGE_BORDER_COLOR

#53a0fd

Banner badge border color (primarily for notifications)

PT_BANNER_BUTTON_BADGE_TEXT_COLOR

transparent

Banner badge text color (primarily for notifications)

PT_HOMEPAGE_DASHHDR_EMB_BORDER_COLOR

#848c94

Dashboard Header Exterior border color when embedded in Activity Guide, Nav Collection, or MD

PT_HOMEPAGE_DASHHDR_EXT_BORDER_COLOR

#848c94

Dashboard Header Exterior border color (default)

PT_HOMEPAGE_TILE_BORDER

1px solid #848c94

Dashboard Tile border

PT_HOMEPAGE_TILE_BOXSHADOW_HOVER

0 8px 20px 0 rgba(29,39,51,0.30),inset 0 0 2px #246fc7)

Dashboard Title box shadow for hover

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_COLOR

inherit

Dashboard title selector text  color

PT_LOGO_CSS

transform: scale(0.8);

Company Logo general image adjustments for non-small form factor

PT_LOGO_CSS_SMALL

transform: scale(0.8);

Company Logo general image adjustments for small form factor

PT_LOGO_IMAGE_NAME

PTNUI_ORACLE_LOGO_SFF

Company Logo image name for non-small form factor

PT_LOGO_IMAGE_SIDE_MARGIN

-0.5em

Company Logo left (or right for RTL) side adjustment for non-small form factor

PT_LOGO_IMAGE_SIDE_MARGIN_SMALL

-0.5em

Company Logo left (or right for RTL) side adjustment for small form factor only

PT_LOGO_TOP_PADDING

0.2em

Company Logo top padding for non-small form factor

PT_LOGO_TOP_PADDING_SMALL

0.2em

Company Logo top padding for small form factor

New Macros in PeopleTools 8.60

The following macros were added in PeopleTools 8.60:

Macro Name Macro Content Description

PT_BANNER_CONTEXTLIST_IMAGE

PT_CONTEXT_MENU_ICN

Banner context list button icon image name

PT_BANNER_CONTEXTLIST_IMAGE_CSS

margin-top: 0.15em;transform: scale(1.1);

Banner context list button icon image css adjustments

PT_BANNER_FAVORITES_IMAGE

PT_FAV_HDR_ICN

Banner Favorites button icon image name

PT_BANNER_FAVORITES_IMAGE_CSS

 

Banner Favorites button icon image css adjustments

PT_BANNER_LOWER_DECORATION

var(--pt-strip-background)

Banner lower decorative separator

PT_BANNER_LOWER_DECORATION_CSS

 

Banner lower decorative separator css adjustments

PT_BANNER_LOWER_DECORATION_CSS_SSF

 

Banner lower decorative separator css adjustments for small form factor

PT_BANNER_LOWER_DECORATION_HEIGHT

var(--pt-strip-height)

Banner lower decorative separator height for non-small form factor

PT_BANNER_LOWER_DECORATION_HEIGHT_SFF

var(--pt-strip-height)

Banner lower decorative separator height for small form factor

PT_BANNER_PAGETITLE_BACKGROUND_COLOR

var(--pt-page-title-background-color)

Banner non-small form factor page title background color

PT_BANNER_PAGETITLE_BORDER_COLOR

var(--pt-page-title-border-color)

Banner non-small form factor page title bottom border color

PT_BANNER_PAGETITLE_TEXT_COLOR

var(--pt-page-title-text-color)

Banner non-small form factor page title text color

PT_BANNER_RECENTS_IMAGE

PT_MRU_HDR_ICN

Banner Recents button icon image name

PT_BANNER_RECENTS_IMAGE_CSS

 

Banner Recents button icon image css adjustments

PT_BANNER_SEPARATOR_BORDER_COLOR

var(--pt-banner-separator-color)

Banner Back or Logo/QAB separator border color

PT_HOMEPAGE_TITLE_SELECTOR_OUTLINE_HOVER

1px dashed var(--pt-hover-outline-color)

Homepage title selector outline(really border) styling

PT_PANEL_TAB_SIDE2_BACKGROUND_ACTIVE

var(--pt-panel-tab-alt-active-background-color)

Panel Tab (Side 2 or Related Content) background for active

PT_SEARCH_SUBDUED_BACKGROUND_COLOR

transparent !important

Banner subdued search background color

PT_SEARCH_SUBDUED_BORDER_COLOR

var(--pt-banner-text-color)

Banner subdued search border color

PT_SEARCH_SUBDUED_IMAGE

PT_HEADER_SEARCH

Banner subdued search image within search input

PT_SEARCH_SUBDUED_IMAGE_CSS

 

Banner subdued search image within search input css adjustments

PT_SEARCH_SUBDUED_OPACITY

var(--pt-banner-search-subdued-opacity)

Banner subdued search opacity

PT_SEARCH_SUBDUED_OPACITY_HOVER

var(--pt-banner-search-subdued-hover-opacity)

Banner subdued search opacity for hover

PT_SEARCH_SUBDUED_TEXT_COLOR

var(--pt-banner-text-color)

Banner subdued search text/placeholder color

Updated Macros in PeopleTools 8.60

The following macros were updated in PeopleTools 8.60:

Macro Name Macro Content Description

PT_BANNER_BACKGROUND_COLOR

var(--pt-banner-background-color)

Banner background color (set background image to none to see flat color)

PT_BANNER_BACK_BACKGROUND_COLOR_ACTIVE

var(--pt-banner-button-active-background-color)

Banner back button background color for activate

PT_BANNER_BACK_BACKGROUND_COLOR_HOVER

var(--pt-banner-button-hover-background-color)

Banner back button background color for hover

PT_BANNER_BACK_BORDER_BOTTOM_COLOR

var(--pt-border-normal-color)

Banner back button border color (bottom)

PT_BANNER_BACK_BORDER_BOTTOM_COLOR_ACTIV

transparent

Banner back button border color (bottom) for activate

PT_BANNER_BACK_BORDER_COLOR

var(--pt-border-normal-color)

Banner back button border color

PT_BANNER_BACK_BORDER_COLOR_ACTIVE

transparent

Banner back button border color for activate

PT_BANNER_BACK_IMAGE_CSS

display:inline-block;margin-top:0.345em;transform:scale(1.5);

Banner back button icon image css adjustments

PT_BANNER_BACK_IMAGE_NARROW_CSS

 

Banner back button image adjustment css when text disappears from button (only image)

PT_BANNER_BORDER_COLOR

transparent

Banner bottom border color

PT_BANNER_BUTTON_BACKGROUND_COLOR_ACTIVE

var(--pt-banner-button-active-background-color)

Banner button default background activate color

PT_BANNER_BUTTON_BACKGROUND_COLOR_HOVER

var(--pt-banner-button-hover-background-color)

Banner button default background hover color

PT_BANNER_BUTTON_BADGE_BG_COLOR

var(--pt-badge-dot-alt-color)

Banner badge background color (primarily for notifications)

PT_BANNER_BUTTON_BADGE_BORDER_COLOR

var(--pt-badge-dot-alt-color)

Banner badge border color (primarily for notifications)

PT_BANNER_BUTTON_TEXT_COLOR

var(--pt-banner-text-color)

Banner button default text color

PT_BANNER_BUTTON_TEXT_COLOR_ACTIVE

var(--pt-banner-text-color)

Banner button default text activate color

PT_BANNER_BUTTON_TEXT_COLOR_HOVER

var(--pt-banner-text-color)

Banner button default text hover color

PT_BANNER_BUTTON_TRUE_BG_COLOR_ACTIVE

var(--pt-banner-button-active-background-color)

Banner button actual activate color

PT_BANNER_BUTTON_TRUE_BG_COLOR_HOVER

var(--pt-banner-button-hover-background-color)

Banner button actual hover color

PT_BANNER_IMAGE_BUTTON_RADIUS

3px

Banner image button border radius

PT_BANNER_NAVBAR_BACKGROUND_ACTIVE

var(--pt-banner-button-active-background-color)

Banner NavBar button background (general background property) activate

PT_BANNER_NAVBAR_BACKGROUND_HOVER

var(--pt-banner-button-hover-background-color)

Banner NavBar button background (general background property) hover

PT_BANNER_TEXT_COLOR

var(--pt-banner-text-color)

Banner default font color

PT_BANNER_UPPER_DECORATION

var(--pt-strip-p860-background,none)

Banner decorative border for reversion to pre-8.60 (see PT_CUSTOM_PROPS_PRE860)

PT_BANNER_UPPER_DECORATION_HEIGHT

var(--pt-strip-p860-height,0px)

Banner decorative border height for reversion (use 0.25em to display) - (see PT_CUSTOM_PROPS_PRE860)

PT_COMPINFO_BACKGROUND

var(--pt-banner-background-color)

Company information RTE background

PT_COMPINFO_TEXTCOLOR

var(--pt-banner-text-color)

Company information RTE default font color

PT_CONFIRMATION_BACKGROUND

var(--pt-confirmation-background-color)

Confirmation area background

PT_CONFIRMATION_BORDER_COLOR

var(--pt-confirmation-border-color)

Conformation area border color

PT_CONFIRMATION_TEXT_COLOR

var(--pt-confirmation-text-color)

Confirmation area text color

PT_HOMEPAGE_BACKGROUND

var(--pt-homepage-background)

Homepage/Dashboard background

PT_HOMEPAGE_BANNER_BORDER_COLOR

var(--pt-page-title-background-color)

Homepage/Dashboard banner border color different from default banner bottom border

PT_HOMEPAGE_DASHHDR_EMB_BORDER_COLOR

var(--pt-panel-border-color)

Dashboard Header exterior border color when embedded in Activity Guide, Nav Collection, or MD

PT_HOMEPAGE_DASHHDR_EXTPIN_BACKGROUND

var(--pt-panel-background-color)

Dashboard Header Exterior pinned/fixed background (when interior has not yet rendered)

PT_HOMEPAGE_DASHHDR_EXTPIN_BORDERTOP_CLR

var(--pt-panel-background-color)

Dashboard Header exterior pinned/fixed top border color

PT_HOMEPAGE_DASHHDR_EXTPIN_BORDER_COLOR

var(--pt-panel-border-color)

Dashboard Header exterior pinned/fixed border color

PT_HOMEPAGE_DASHHDR_EXTPIN_BOXSHADOW

0px 1px 16px var(--pt-modal-shadow-color)

Dashboard Header exterior pinned/fixed shadow

PT_HOMEPAGE_DASHHDR_EXT_BACKGROUND

var(--pt-page-background-color)

Dashboard Header exterior background (when interior has not yet rendered)

PT_HOMEPAGE_DASHHDR_EXT_BORDER_COLOR

var(--pt-panel-border-color)

Dashboard Header exterior border color (default)

PT_HOMEPAGE_DASHHDR_EXT_BORDER_RADIUS

0

Dashboard Header exterior border radius (default)

PT_HOMEPAGE_DASHHDR_INT_PIN_BCKGRD

var(--pt-panel-background-color)

Dashboard Header interior pinned/fixed background

PT_HOMEPAGE_DASHHDR_INT_UNPIN_BCKGRD

var(--pt-page-background-color)

Dashboard Header interior unpinned background

PT_HOMEPAGE_DASHHDR_INT_UNPIN_HEADER_CLR

var(--pt-header-text-color)

Dashboard Header interior unpinned groupbox header text color

PT_HOMEPAGE_DASHHDR_INT_UNPIN_LABEL_CLR

var(--pt-label-text-color)

Dashboard Header interior unpinned label text color

PT_HOMEPAGE_FOOTER_BACKGROUND

var(--pt-modal-mask-background-color)

Homepage/Dashboard footer background

PT_HOMEPAGE_NAVAREA_BACKGROUND

var(--pt-page-title-background-color)

Homepage Navigation area background

PT_HOMEPAGE_NAVAREA_BORDER_COLOR

var(--pt-page-title-border-color)

Homepage Navigation area border color

PT_HOMEPAGE_NAVAREA_TEXT_COLOR

var(--pt-page-title-text-color)

Homepage Navigation area text color (default for area)

PT_HOMEPAGE_PANEL_BORDER_COLOR

var(--pt-panel-border-color)

Homepage side panel border colors (QAB and Notification)

PT_HOMEPAGE_REFRESH_SIDE_ADJUST

2px

Homepage/Dashboard refresh button right (or left in RTL) positioning adjustment

PT_HOMEPAGE_REFRESH_TOP_ADJUST

2px

Homepage/Dashboard refresh button top positioning adjustment

PT_HOMEPAGE_SEARCH_BORDER_COLOR

var(--pt-border-contrast-color)

Homepage Search area in banner border color

PT_HOMEPAGE_TILE_BORDER

1px solid var(--pt-tile-border-color)

Homepage/Dashboard tile border

PT_HOMEPAGE_TILE_BORDER_HOVER

var(--pt-tile-hover-border-color)

Homepage/Dashboard tile border color for hover

PT_HOMEPAGE_TILE_BOXSHADOW_HOVER

0px 8px 24px -6px var(--pt-tile-hover-shadow-color)

Homepage/Dashboard title box shadow for hover

PT_HOMEPAGE_TILE_TITLE_COLOR

var(--pt-tile-header-text-color)

Homepage/Dashboard tile title text color

PT_HOMEPAGE_TITLE_SELECTOR_BACKGD_ACTIVE

var(--pt-button-active-background-color)

Homepage title selector background for activate

PT_HOMEPAGE_TITLE_SELECTOR_BACKGD_HOVER

var(--pt-button-hover-background-color)

Homepage Title selector background for hover

PT_HOMEPAGE_TITLE_SELECTOR_BORDER_ACTIVE

var(--pt-button-active-border-color)

Homepage Title selector border color for activate

PT_HOMEPAGE_TITLE_SELECTOR_BORDER_HOVER

var(--pt-button-hover-border-color)

Homepage Title selector border color for hover

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_ACTIVE

inherit !important

Homepage Title selector text color for activate

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_COLOR

inherit !important

Homepage/Dashboard title selector text color

PT_HOMEPAGE_TITLE_SELECTOR_TEXT_HOVER

inherit !important

Homepage Title selector text color for hover

PT_LOGO_CSS

margin-%AlignEnd:-0.4em;

Company Logo general image adjustments for non-small form factor

PT_LOGO_CSS_SMALL

margin-%AlignEnd:-0.4em;

Company Logo general image adjustments for small form factor

PT_LOGO_IMAGE_SIDE_MARGIN

0

Company Logo left (or right for RTL) side adjustment for non-small form factor

PT_LOGO_IMAGE_SIDE_MARGIN_SMALL

0

Company Logo left (or right for RTL) side adjustment for small form factor only

PT_PANEL_TAB_SIDE1_BACKGROUND

var(--pt-panel-tab-background-color)

Panel Tab (Side 1 or Navigation) background

PT_PANEL_TAB_SIDE1_BACKGROUND_ACTIVE

var(--pt-panel-tab-active-background-color)

Panel Tab (Side 1 or Navigation) background for active

PT_PANEL_TAB_SIDE1_BACKGROUND_HOVER

var(--pt-panel-tab-hover-background-color)

Panel Tab (Side 1 or Navigation) background for hover

PT_PANEL_TAB_SIDE1_BORDER_COLOR

var(--pt-panel-tab-border-color)

Panel Tab (Side 1 or Navigation) border color

PT_PANEL_TAB_SIDE2_BACKGROUND

var(--pt-panel-tab-alt-background-color)

Panel Tab (Side 2 or Related Content) background

PT_PANEL_TAB_SIDE2_BACKGROUND_HOVER

var(--pt-panel-tab-alt-hover-background-color)

Panel Tab (Side 2 or Related Content) background for active

PT_PANEL_TAB_SIDE2_BORDER_COLOR

var(--pt-panel-tab-alt-border-color)

Panel Tab (Side 2 or Related Content) border color

Macros Removed in PeopleTools 8.60

The following macros of prior PeopleTools versions were removed in PeopleTools 8.60:

Macro Name Macro Content Description

PT_BANNER_AG_BTN_BACKGROUND_COLOR_ACTIVE

#fff

Banner Activity Guide all button background color for active

PT_BANNER_AG_BTN_BACKGROUND_IMAGE_ACTIVE

none

Banner Activity Guide all button background image for active

PT_BANNER_AG_BTN_BORDER_COLOR_ACTIVE

#555

Banner Activity Guide all button border color for active

PT_BANNER_AG_BTN_TEXTSHADOW_ACTIVE

none

Banner Activity Guide all button text shadow for active

PT_BANNER_AG_BTN_TEXT_COLOR_ACTIVE

#000

Banner Activity Guide all button text color for active

PT_BANNER_AG_NEXT_BACKGROUND_COLOR

#fae6b4

Banner Activity Guide Next and Submit button background color

PT_BANNER_AG_NEXT_BACKGROUND_COLOR_HOVER

#ffd28c

Banner Activity Guide Next and Submit button background color for hover

PT_BANNER_AG_NEXT_BACKGROUND_IMAGE

linear-gradient(#fff,#ffd28c)

Banner Activity Guide Next and Submit button background image gradient

PT_BANNER_AG_NEXT_BACKGROUND_IMAGE_HOVER

linear-gradient(#fff,#e6aa4b)

Banner Activity Guide Next and Submit button background image gradient for hover

PT_BANNER_AG_NEXT_BORDER_COLOR

#e5be54

Banner Activity Guide Next and Submit button border color

PT_BANNER_AG_NEXT_BORDER_COLOR_HOVER

#cd8821

Banner Activity Guide Next and Submit button border color for hover

PT_BANNER_AG_NEXT_IMAGE

PT_GUIDED_NEXT_ICON_ALT

Banner Activity Guide Next directional image

PT_BANNER_AG_NEXT_IMAGE_CSS

 

Banner Activity Guide Next directional image specific CSS adjustments

PT_BANNER_AG_NEXT_IMAGE_DIMENSIONS

width:17px;height:17px;

Banner Activity Guide Next directional image dimensions (both width and height)

PT_BANNER_AG_NEXT_IMAGE_EDGEOFFSET

0.5em

Banner Activity Guide Next directional image offset from the edge of the button

PT_BANNER_AG_NEXT_IMAGE_PADDING_TOP

1px

Banner Activity Guide Next directional image top padding

PT_BANNER_AG_NEXT_TEXTSHADOW

1px 1px 0px #feeec2

Banner Activity Guide Next and Submit button text shadow

PT_BANNER_AG_NEXT_TEXTSHADOW_HOVER

0 1px 0 #fef1de

Banner Activity Guide Next and Submit button text shadow for hover

PT_BANNER_AG_NEXT_TEXTSHADOW_RTL

-1px 1px 0px #feeec2

Banner Activity Guide Next and Submit button text shadow (RTL)

PT_BANNER_AG_NEXT_TEXT_COLOR

#000

Banner Activity Guide Next and Submit button text color

PT_BANNER_AG_PREV_BACKGROUND_COLOR

#ddd

Banner Activity Guide Previous button background color

PT_BANNER_AG_PREV_BACKGROUND_COLOR_HOVER

#bbb

Banner Activity Guide Previous button background color for hover

PT_BANNER_AG_PREV_BACKGROUND_IMAGE

linear-gradient(#fff,#ddd)

Banner Activity Guide Previous button background image

PT_BANNER_AG_PREV_BACKGROUND_IMAGE_HOVER

linear-gradient(#fff,#999)

Banner Activity Guide Previous button background image on hover

PT_BANNER_AG_PREV_BORDER_COLOR

#ccc

Banner Activity Guide Previous button border color

PT_BANNER_AG_PREV_BORDER_COLOR_HOVER

#888

Banner Activity Guide Previous button border color for hover

PT_BANNER_AG_PREV_IMAGE

PT_GUIDED_PREV_ICON_ALT

Banner Activity Guide Previous directional image

PT_BANNER_AG_PREV_IMAGE_CSS

 

Banner Activity Guide Previous directional image specific CSS adjustments

PT_BANNER_AG_PREV_IMAGE_DIMENSIONS

width:17px;height:17px;

Banner Activity Guide Previous directional image dimensions (both width and height)

PT_BANNER_AG_PREV_IMAGE_PADDINGTOP

1px

Banner Activity Guide Previous directional image padding top

PT_BANNER_AG_PREV_TEXTSHADOW

1px 1px 0px #fff

Banner Activity Guide Previous button text shadow

PT_BANNER_AG_PREV_TEXTSHADOW_RTL

-1px 1px 0px #fff

Banner Activity Guide Previous button text shadow (RTL)

PT_BANNER_AG_PREV_TEXT_COLOR

#000

Banner Activity Guide Previous button border color

PT_BANNER_SEARCH_PRESSED_ACTIVE_CSS

background-color: rgba(0,0,0,0.8);background-image: linear-gradient(to bottom, #000, #6c7784);

Banner button (search) depressed state general css on activate

PT_BANNER_SEARCH_PRESSED_BG_COLOR

#6c7784

Banner button (search) depressed state background color

PT_BANNER_SEARCH_PRESSED_BOXSHADOW

inset 1px 1px 0 0 #5c6570, inset -1px 0 0 0 #5c6570, inset 0 2px 0 0 #eee

Banner button (search) depressed state box shadow

PT_BANNER_SEARCH_PRESSED_HOVER_CSS

background-color: rgba(255,255,255,0.35);background-image: linear-gradient(to bottom, #505862, #6c7784);

Banner button (search) depressed state general css on hover

PT_BANNER_SUBMIT_BACKGROUND_COLOR

none

Banner submit button background color

PT_BANNER_SUBMIT_BACKGROUND_COLOR_ACTIVE

none

Banner submit button background color for activate

PT_BANNER_SUBMIT_BACKGROUND_COLOR_HOVER

none

Banner submit button background color for hover

PT_BANNER_SUBMIT_BORDER_COLOR

none

Banner submit button border color

PT_BANNER_SUBMIT_BORDER_COLOR_ACTIVE

none

Banner submit button border color for activate

PT_BANNER_SUBMIT_BORDER_COLOR_HOVER

none

Banner submit button border color for hover

PT_BANNER_SUBMIT_BOXSHADOW_ACTIVE

none

Banner submit button box shadow for activate

PT_BANNER_SUBMIT_BOXSHADOW_HOVER

none

Banner submit button box shadow for hover

PT_BANNER_SUBMIT_IMAGE

PT_GUIDED_SUBMIT_ICON

Banner submit button (guided activity guide) icon image name

PT_BANNER_SUBMIT_IMAGE_CSS

 

Banner submit button icon image css adjustments

PT_BANNER_SUBMIT_TEXTSHADOW

none

Banner submit button text shadow

PT_BANNER_SUBMIT_TEXTSHADOW_ACTIVE

none

Banner submit button text shadow for activate

PT_BANNER_SUBMIT_TEXTSHADOW_HOVER

none

Banner submit button text shadow for hover

PT_BANNER_SUBMIT_TEXTSHADOW_RTL

none

Banner submit button text shadow (RTL)

PT_BANNER_SUBMIT_TEXT_COLOR

none

Banner submit button text color

PT_BANNER_SUBMIT_TEXT_COLOR_ACTIVE

none

Banner submit button text color for activate

PT_BANNER_SUBMIT_TEXT_COLOR_HOVER

none

Banner submit button text color for hover

PT_HOMEPAGE_PAGEIND_CONT_BACKGROUND

#8b9197

Homepage/Dashboard page indicator container background color

PT_SEARCH_TRAY_BACKGROUND_COLOR

#6a7481

Banner search tray background color

PT_SEARCH_TRAY_BORDER_COLOR

#5c6570

Banner search tray border color

PT_SEARCH_TRAY_CATEGORY_CSS

 

Banner search tray category dropdown allowing multiple css specifications

PT_SEARCH_TRAY_GOBUTTON_CSS

 

Banner search tray go/execute button allowing multiple css specifications

PT_SEARCH_TRAY_GOBUTTON_IMAGE

PT_NUI_EXECUTE_ARW

Banner search tray go button icon image name

PT_SEARCH_TRAY_GOBUTTON_IMAGE_CSS

 

Banner search tray go button icon image css adjustments

PT_SEARCH_TRAY_KEYWORD_CSS

 

Banner search tray keyword search field allowing multiple css specifications

New Macros in PeopleTools 8.61

The following macros were added in PeopleTools 8.61:

Macro Name Macro Content Description

PT_BANNER_ACCESSASST_IMAGE

PT_ACCESSIBILITY_HEADER

Banner accessibility assistant button icon image name

PT_BANNER_ACCESSASST_IMAGE_CSS

 

Banner accessibility assistant button icon image css adjustments

PT_HOMEPAGE_SECTION_HDR_COLPSE_IMAGE

PT_COLLAPSE_NUI

Homepage/Dashboard collapsible section collapsed icon

PT_HOMEPAGE_SECTION_HDR_COLPSE_IMAGE_CSS

 

Homepage/Dashboard collapsible section collapsed icon css adjustments

PT_HOMEPAGE_SECTION_HDR_EXPAND_IMAGE

PT_EXPAND_NUI

Homepage/Dashboard collapsible section expanded icon

PT_HOMEPAGE_SECTION_HDR_EXPAND_IMAGE_CSS

 

Homepage/Dashboard collapsible section expanded icon css adjustments

PT_HOMEPAGE_SECTION_HDR_FOCUS_CSS

 

Homepage/Dashboard collapsible section focus css adjustments

PT_HOMEPAGE_SECTION_HDR_TEXT_COLOR

var(--pt-page-text-color)

Homepage/Dashboard collapsible section text color

PT_HOMEPAGE_SECTION_HDR_TEXT_COLOR_HOVER

var(--pt-header-hover-text-color)

Homepage/Dashboard collapsible section text hover color

Updated Macros in PeopleTools 8.62

The following macros were updated in PeopleTools 8.62:

Macro Name Macro Content Description

PT_BANNER_BACK_BORDER_BOTTOM_COLOR

var(--pt-banner-button-border-color)

Banner back button border color (bottom)

PT_BANNER_BACK_BORDER_COLOR

var(--pt-banner-button-border-color)

Banner back button border color

New Macros in PeopleTools 8.62

The following macros were added in PeopleTools 8.62:

Macro Name Macro Content Description

PT_BANNER_MIN_HEIGHT

var(--pt-banner-min-height)

Banner minimum height

PT_BANNER_MIN_HEIGHT_SFF

var(--pt-banner-min-height)

Banner minimum height for SFF