I have override /libs/cq/gui/components/authoring/editors/clientlibs/core/css/overlay.less to apps/cq/gui/components/authoring/editors/clientlibs/core/css/overlay.less. and i have change changed background color like below.
/* placeholder */
/* background-color: rgba(255,255,255,.05);*/
Still i am getting old values. what is the recommended way to override aem ootb stylesheet?
It is working fine. I have override the /libs/cq/gui/components/authoring/editors/clientlibs/core/css/overlay.less into apps and declared in css.txt. After that it is working fine. Previously i have not added css.txt.
kiranv43511543 Overlaying of OOTB should be avoided to reduce tech debt to AEM upgrades . Recommended way is to create a separate client lib with just one css as mentioned by arunpatidar26. Just make sure, the client lib category is same as of the OOTB client lib which you want to change. As long as you follow it, it will work for you. For this case, the correct category is - cq.authoring.editor.core, cq.authoring.editor