Themes for PeopleTools 8.60

We have released new branding themes for PeopleTools 8.60! The new themes use colors that better match the new Redwood UI color palette, and the underlying stylesheets use the new CSS variables in 8.60.

There are 10 colors to choose from in this release.

But, it’s also very easy to change the colors, or even make your own based on this project. Starting with PeopleTools 8.60, there are new CSS variables to simplify branding changes. There are only 2 color variables used in this project:

:root {
  --pt-banner-background-color: #1374BA; /* Primary */
  --pt-border-contrast-color: #2C526E; /* Accent */
  --pt-strip-height: 0px;

You can modify these colors to suit your needs and make the themes match your own branding requirements. The --pt-strip-height variable is to hide the Redwood color strip in the default theme.

The goal of our themes is to simply change the header color (for Fluid and Classic) so you know which environment you are working in. But you can take these new CSS variables and change so much more.

To install the themes, download the file from Github and use the Data Migration Workbench to import the project. You can read more about the project and how install it on GitHub.

#279 – psvault Validation

This week on the podcast, Kyle shares how to validate psvault’s new keys, and Dan and Kyle discuss using Branding for different environments and roles, and PeopleTools 8.59 certifications.

Show Notes

#197 – Branding Role Madness

This week on the podcast, Kyle shares his experience working with the CompanyInfo Banner, his thoughts on Branding Roles, and his discovery of the Introspection Page for Integration Broker.

Show Notes

#180 – PeopleTools 8.57 Hands-on

This week on the podcast, Jim Marion joins Kyle and Dan to talk about PeopleTools 8.57 and some of the lessons learned and things to watch out for in the new release. If you want to learn Fluid and improve your PeopleSoft Development skills, Jim has the best PeopleSoft training.

Show Notes

  • Branding Objects @ 3:30
  • Tile Wizard @ 8:00
  • Properties Editor in App Designer @ 11:45
  • Control-Delete @ 14:00
  • Unified Navigation – SSOTester @ 16:30
  • Push Notifications @ 18:45
  • Elasticsearch Plugins @ 20:30
  • Kibana Dashboard @ 21:00
  • Reload Web Profile @ 24:00
  • Macro Sets @ 28:00

#148 – Recent Places

This week on the podcast, Dan and Kyle talk about what happens when you add a node to the node network, tracing unified navigation, and how to increase the number of Recent Places stored in the system.

Show Notes

#128 – Extending PeopleSoft w/ Colton Fischer

This week on the podcast, Colton Fischer joins Dan to talk about hidden ACM plugins, using the Web Profile to extend HTML pages, and his experience working with the Page and Field Configurator.

Show Notes Stylesheets for 8.54 and 8.55

I’m happy to release a set of stylesheets for PeopleTools 8.55 for everyone to use. The stylesheets are based on the TANGERINE theme (8.53 look and feel), so they won’t work with Fluid pages. For people who are using the Classic look, these stylesheets are a great way to ensure your users know which environment they are using.

I’ve used stylesheets for pre-8.50 environments from Duncan Davies in the past and built custom stylesheets for 8.53. But with the Branding Framework in 8.54 and 8.55, using custom styles are even easier. Thanks to Sasank Vemana for his great posts on using the Branding Framework as well. I used his posts to build these stylesheets.


There are six styles in the project. The colors (except the purple theme) are based on the Bootstrap default theme.


Green Header

Light Blue

Light Blue Header


Purple Header


Red Header


Grey Stylesheet


Yellow Header


Use the colors however you want, but the list below is how I’m using the colors:

  • DEV1 – Green
  • DEV2 – Light Blue
  • DEV3 – Purple
  • TST – Red
  • QA/UAT – Grey
  • SBX (Sandbox and Nightly Refresh) – Yellow

Load Stylesheets and Branding Data

You can apply the stylesheets three ways: manually load the project with App Designer and Data Mover, apply a change package with Change Assistant, or follow Sasank’s post and use the stylesheets from the GitHub repository.

App Designer

Download the change package,, from the GitHub repository. Extract the file to get the project and scripts. In App Designer, copy the project IO_STYLES_855 from the change package folder into the target database.


Import the ptbr_io_theme.dat file using Data Mover and the script ptbr_theme_io_imp.dms (under updIO_STYLES_855\updIO_STYLES_855_batch\filereferences\scripts).


Run the updateSystemBranding.sql script to update the Branding System Options and insert the IO_LOGO and IO_HDR_BLUE stylesheets.


Change Package

Download the change package,, from the GitHub repository. Apply the change package against any environment where you want to use the stylesheets. (You’ll need to use the “Apply Updates” mode in newer Change Assistant versions). The change package will import the IO_STYLES_855 project, import the Branding Framework theme data, and update System Branding Options.


If you want to use the styles in your non-production environments, you can import the project and Branding Framework setup and theme data into your production database. Skip the SQL script to update the System Branding Options. Add the SQL commands from the Change Package script updateSystemBranding.sql into your refresh scripts.

8.55 Homepage

After you load the project and run the scripts, Classic pages will show up with the new stylesheest. If you are on 8.55 and want to use the Classic homepage, you’ll need to run the SQL below:

update psuseroptndefn set user_option_value = 'C' where optn_category_lvl = 'PPTL' and useroptn in ('HPPC', 'HPTABLET');

Header Color

To change the header colors, change the Additional Stylesheet on the “PeopleTools > Portal > Branding > Branding System Options” page.

Change Header Color


There are two ways you can replace the logo with your own:

  1. Replace the IO_LOGO file under “PeopleTools > Portal > Branding > Branding Objects > Images”
  2. Upload your logo as a new image and replace the IO_LOGO reference in the IO_LOGO css file.


I have created a GitHub project with the styleets used in the project. If you want to add any changes or suggest improvments, please send them in or contribute to the GitHub repository.

#22 – PeopleSoft on the Cloud

This week we talk about their system branding, share a great tip on customizing VERSION, and even discuss PeopleTools 8.56. Then, we dive into running PeopleSoft on the Cloud.

We want to make this podcast part of the community discussion on PeopleSoft administration. If you have comments, feedback, or topics you’d like us to talk about, we want to hear from you! You can email us at, tweet us at @psa_io, or use the Twitter hashtag #psadminpodcast.

You can listen to the podcast here on or subscribe with your favorite podcast player using the URL below, or subscribe in iTunes.

Podcast RSS Feed

Show Notes