AEM 6 SP2 - Change Overlay (Parsys) Border Color in Touch UI


Change the Overlay (Parsys) border color in Touch UI. If website's background has the same color as overlay or site CSS cannot contrast CQ parsys, the following simple css override might help

For Classic UI check this post

For detailed configuration, check this post

Package Install

Product Overlay

Extension Overlay


1) Login to CRXDE Lite, create folder (nt:folder) /apps/touchui-change-overlay-color

2) Create clientlib (type cq:ClientLibraryFolder/apps/touchui-change-overlay-color/clientlib and set a property categories of String type to cq.authoring.editor

3) Create file ( type nt:file ) /apps/touchui-change-overlay-color/clientlib/css.txt, add the following


4) Create file ( type nt:file ) /apps/touchui-change-overlay-color/clientlib/change-overlay-color.css, add the following styles,, {
    border-color:  red;
    color: red;

1 comment:

  1. Every great and deep difficulty bears in itself its own solution. It forces us to change our thinking in order to find it. See the link below for more info.