Changing the theme on a dialog in Granite UI from coral--dark to coral--light. | Community
Skip to main content
kaylaf59084492
kaylaf59084492
New Participant
August 22, 2017
Solved

Changing the theme on a dialog in Granite UI from coral--dark to coral--light.

  • August 22, 2017
  • 6 replies
  • 2867 views

Hello, I am a relatively new AEM Developer, and I have received a request to change the coral theme that is being applied to floating dialogs.

I can see that a class of 'coral--dark' is being dynamically applied to the dialog, and I would like to change the theme to 'coral--light' instead. I have tried looking in the dialog.jsp files here: /libs/cq/gui/components/authoring/dialog/dialog.jsp, but the theme doesn't appear to be set in this file.

Does anyone know where this 'coral--dark' class is being applied to the floating dialog?

I've attached a screenshot with the current dialog that has the coral--dark theme applied, and i've attached a screenshot with the desired look of the dialog that has the coral--light theme applied (I just switched the themes using Chrome Dev Tools). We are developing using Touch UI on AEM 6.2.

Any help on how I can change the coral theme that is being applied to the dialog would be much appreciated!

Thank you!!

-Kayla

The current dialog: coral--dark theme being applied to the dialog:

The desired outcome: coral--light theme applied to the dialog:

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

/etc.clientlibs/clientlibs/granite/coralui2.css

Added a quick blog post – http://experience-aem.blogspot.com/2017/09/aem-63-clientlib-to-change-dialog-background-to-dark-light.html

6 replies

smacdonald2008
smacdonald2008Accepted solution
New Participant
September 20, 2017

/etc.clientlibs/clientlibs/granite/coralui2.css

Added a quick blog post – http://experience-aem.blogspot.com/2017/09/aem-63-clientlib-to-change-dialog-background-to-dark-light.html

smacdonald2008
smacdonald2008
New Participant
September 20, 2017

Send an email to the internal team - will post back!

vlazar
vlazar
New Participant
September 20, 2017

Hi. Are there any updates regarding this question?

smacdonald2008
smacdonald2008
New Participant
August 25, 2017

I am investigating this for you. Its not documented - but a good question.

kaylaf59084492
kaylaf59084492Author
New Participant
August 25, 2017

Hi Kautuk,

The problem isn't that the changes are appearing on aem instance, its that I do not know how or where to make these changes. I am asking where in the in the system files does this 'coral--dark' class on every dialog come from and how can replace that class with the 'coral--light' class?

kautuk_sahni
kautuk_sahni
Employee
August 23, 2017

Try removing cache files from /var/clientlibs/libs/...

~kautuk

Kautuk Sahni
Terms & ConditionsAccessibility statement

Loading footer...