Skip to content

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 IO_STYLE_REDWOOD.zip 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.

11 thoughts on “Themes for PeopleTools 8.60”

  1. Hey Dan,
    Used your stylesheets and was able to change branding for our non-production environments. One thing I noticed is the redwood color strip is still visible in small form factor.

    1. I don’t see that when I test the small form factors. Do you have a screenshot of what’s going on?

        1. Oh, yep, I see. You have to use a small device (aka iPhone); the browser inspector faking the useragent doesn’t trigger it. To fix it you can add this to the CSS files for your color:

          :root.psc_form-small {
              --pt-strip-height: 0px;
          }
          

          I’ll update the GitHub project with this change too.

  2. Hi All,

    I imported the IO_STYLE_REDWOOD project in 8.60 and when I run Validate or Submit for Copy, I receive the following:

    Failed to operate on file \corpfdap02\appls\data\IO_STYLE_REDWOOD\IO_STYLE_REDWOOD.xml due to error of message: Permission denied (257,374)

    Permissions on that folder and file are OK. I do notice that the XML file looks encoded, not like regular XML or the XML file used for 8.59 themes here.

    Any thoughts appreciated.

      1. Hi Dan,

        I really appreciate the quick reply. Yeah, this is the one I tried. I reloaded it. Same issue. Check Integrity passes, but Validate and Submit for Copy fails.

        Should the XML look like this (small snippet)?

        {enc:>}{V2}pgzFieyKUOnqBfDFmHW1sOpMcR+BG6ej1Gu+PWsPNJuouyvRQJMojt7f4iKp1vjxwcjq22oWG3kGStywMnKhjzV8pVjyYtapnFDcpc+Rpxui+V/KWfHt2Dfma6VaTK0swUb5FTg0seHQPqJ7XlUr4tOhspa/4q7+Q3s72eR3vw9nH2eSixUowoN1ebRz4tFJu+iQtUmAOjvOkAp3FAlkhWDNf6xQa4YwGvCZcy6h9d9akM1KqWvfHmiYEz+5gsnDE1c2lbDxvxu1g1XSaKGkUYcokGJ+DqvdfPmWzTNnD88b1uc53cT6cCgJlzK75xmnvFoDrHO9SOnpvlx6l1YFeV4weThpHjHBK5ithsLuR/5SGGGggX1Cpjwroq7gai9L/sxhJKbGRYN55XgrZWYNcUJuMfOBPTAoer9DhEZb4JYKBCvqJlwNNcTQRVWfZCOAW3eSPfWqqDIk1NiFkr9X1d/tn2hpEipzUFj9wfcBNF8j0xO9OF2If3HDc1L89+X+KoIcfY+nC5bDPh4p/Rs5baoYMRdoqHKoF4TSRAIo6SRg4a+GQZWkOsLLI2mzd

      2. Hi Dan.

        I resolved my issue. One of my services was running as a Local System account rather than an administrator account. They imported fine after I corrected that.

        Thanks for your work on this. Helps us a lot!

        Dave

  3. I’m having a little trouble applying the colors with Company Info in a PT8.60 envt. I’m not sure if it has to do with having previously added color and company info in 8.58 and now using 8.60.
    A couple questions:
    1. Do I only need to use the newest IO_STYLE_REDWOOD.zip and not the other 2 zips that were previously used?
    2. In GITHUB, within code, it shows ” /* IO_STYLE_859 Customization – Start */”
    Should this code also be added when working with PT860?
    Thanks, Walt

Leave a Reply to Tilak Sapkota Cancel reply

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