Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

WKND Tutorial AEM Editor Dark mode?

Avatar

Level 2

I don't know if this could be changed, but I would like to edit with normal mode. My AEM Editor has been like this ever since and now I'm at applying CSS in the WKND tutorial so it's pretty weird. 
Screen Shot 2021-03-26 at 12.48.48 PM.png

Thank you!


1 Accepted Solution

Avatar

Correct answer by
Level 1

Hi

I faced the same issue. I found this (in the screenshot). If "Use dark mode" is checked in the system, then after opening the page, the background will be #131313. Cuz @ media points to it. Otherwise, it will be by default, that is, the background will be #ececec.
Or you can change the site.css file. The path is visible in the screenshot.2022-01-20_17-46-38.png

View solution in original post

0 Replies

Avatar

Community Advisor

Hi @marks16411289 

All the CSS styles are coming from /libs/cq/gui/components/authoring/editors/clientlibs/core/css path.

Can you inspect the page and see anywhere the background color is being overridden which is why you are getting this dark mode.

 

Here is the place where the Core CSS will be loading.

http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.css

 

Thanks!

Avatar

Level 2

Hello i was trying to figure out what is being overridden and where could you please advise, below is what is see in developer tools.

Shivam_S_0-1636729319634.png

 

Avatar

Correct answer by
Level 1

Hi

I faced the same issue. I found this (in the screenshot). If "Use dark mode" is checked in the system, then after opening the page, the background will be #131313. Cuz @ media points to it. Otherwise, it will be by default, that is, the background will be #ececec.
Or you can change the site.css file. The path is visible in the screenshot.2022-01-20_17-46-38.png