Support Article

Reports-Color contrast Issue



PRPC 6.2 SP1 is upgraded to Pega Platform 7.3.1.
Pega Customer Process Manager (CPM) 6.2 is upgraded to Pega Customer Service (CS) 7.22.

In Reports, the contrast ratio of the visual presentation of text and images is less than 4:5:1, except for the following: 
  • Large print 
  • Incidental text or images 
  • Logo types

Below are the 'Display report page' controls whose contrast ratio is less than 4:5:1:

  • Edit report button
  • Generated on label
  • Filter by Background color and text color
  • Links in report body.

Error Messages

Not Applicable

Steps to Reproduce

Open a report. Verify the color contrast ratio in: Edit Report button, Filter by background, Generated on text label, and the links color in the report body.

Root Cause

An issue in the custom application code or rules.
The color code and styles of controls and layouts were not modified as required to pass all color contrast ratio.


Perform the following local-change:

The Display report page uses the pyReportEditorStyling CSS which is an available rule.

Use the correct text color and background color to change the styling as required.

Add the below CSS styles in the pyReportEditorStyling CSS and change the color code as necessary.

 div[node_name='pzDisplayReportBody'] div.layout-noheader-information{
  background-color:#fff !important;

div[node_name='pzDisplayReportBody'] a.GrandTotal_Collapse_Expand{
  color: #000 !important;

div[node_name='pzDisplayReportBody'] div[node_name="pxReportTableDisplay"] a {
  color: #000 !important;

Published January 16, 2019 - Updated June 11, 2019

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.