psadmin.io Themes for PeopleTools 8.59

We are releasing our newest version of our Themes for PeopleSoft 8.59 (and 8.58). We use these stylesheets on our non-production environments so that users can easily recognize which environment they are in, and most important, know they aren’t in production.

The Themes are released as an Application Data Set that you can easiliy import into your applications. The ADS project includes stylesheets and Branding Themes.

Importing Themes

Download the new themes from the Github respository. Under the Releases, you can download the lastest IO_STYLE_859.zip release. Unpack the zip file to your Data Migration File Location.

You use the Data Migration Workbench’s “Load Project From File” feature to import the themes and stylesheets.

Assigning Themes

To set the main theme for your system,

  1. Navigate to PeopleTools > Portal > Branding > Branding System Options
  2. Select the IO_ theme of your choice.
  3. You will also need to add a stylesheet for Classic Plus. Add the cooresponding IO_<color>_859_PTCP_SS as an additional stylesheet.

  1. If you have set Theme Assignments, you can update those as well under PeopleTools > Portal > Branding > Assign Branding Themes

SQL for Refreshes

Typically, the IO_STYLE_859 is load into production but not used. During your refresh, you can use the following SQL to configure your new environment to use a theme.

UPDATE sysadm.psoptions
SET
    ptbrandtheme = 'IO_GREEN_859_THEME',
    themestyletype = 'PTCP';

TRUNCATE TABLE sysadm.psoptionsaddl;

INSERT INTO sysadm.psoptionsaddl 
VALUES (
    'C',
    'CSS',
    'IO_GREEN_859_PTCP_SS',
    0
);

Colors

If you are just starting these stylesheets for your non-production environments, here is a suggestion for how to color code environments. This is how I use the colors:

Environment Color
Development 1 Green
Development 2 Teal
Development 3 Blue
Test Red
UAT/QA Grey
Sandbox Brown
Project 1 Purple
Project 2 Pink
Project 3 Yellow

I used https://colordesigner.io/ to help build the color schemes.

Orange

Primary Dark Light Accent
#FF8100 #FF5100 #FFAA00 #004757

Red

Primary Dark Light Accent
#94090D #5C0002 #D40D12 #1dfff9

Green

Primary Dark Light Accent
#097609 #075807 #70AF1A #591aaf

Purple

Primary Dark Light Accent
#553285 #36175E #9768D1 #a2d168

Blue

Primary Dark Light Accent
#0074D9 #00448D #7ABAF2 #f2b27a

Teal

Primary Dark Light Accent
#009798 #227273 #9DF3F4 #f49e9d

Yellow

Primary Dark Light Accent
#CCCC04 #8d8d03 #FFFF52 #5252ff

Brown

Primary Dark Light Accent
#A36F44 #6B4732 #F7DEB2 #b2cbf7

Pink

Primary Dark Light Accent
#AA3366 #552233 #CC5599 #55cc88

Grey

Primary Dark Light Accent
#707070 #3B3B3B #BABABA #FD7400

4 thoughts on “psadmin.io Themes for PeopleTools 8.59

  1. Hi Dan,

    We used to use themes for this purpose at A&O but since 8.58 have used the Company Banner to achieve the same thing. The banner is only displayed if you are in a non-prod environment or have a specific role (in production) so sysadmins with prod access see a bright red banner for prod.

    The other advantage of this is that you can take prod-like screenshots for documentation etc and simply crop out the company banner to make it look like prod.

    Anyway, just an alternative idea.

    Thanks

    Dave

    1. Yes, the Company Info banner is a good option too. In fact, we are planning on using both the banner and the color stylesheets. Our users (and myself) have really come to like how easy it is to identify which environment you are in just based on the color. For a while after our upgrade (and before I developed these), the most common question I got from our users was when the stylesheets would be ready. They were nervous when accessing our non-prod environments because they were so used to having the bright colors to know where they were working.

      I do like that you can stash information in the Company Info banner too, like database name and the refresh date for the environment. I haven’t run across too the screenshot situation you mention often, mostly during big upgrades, but I do see how that would be a benefit for your support teams to send prod-like screenshots out. I guess that’s where you could use the Theme Assignments feature. Create a role that you can assign specific people (or a group during testing/etc) where those users get the default branding but everyone gets the colors in the headers.

  2. In addition to the environment colour scheme, we have a small event mapping attached to the Fluid Homepage that adds 1 of 6 transparent background PNG images via stylesheet to the homepage so when a uses gets in, there is no mistaking where they are.

Leave a Reply to Rob Goshko Cancel reply

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax