Can I identify different environments by color code or other means?

[MarkECis]

I know this can be done because I worked with this setup at another job. Unfortunately, nobody I worked with is around anymore.

Our team is working with quite a few AEM environments at the same time as we create, test, and deploy 15 websites in our current project. With every screen looking the same, it's easy to get lost and be on the wrong site. Is there a way to add some sort of a color code or other kind of identification to the screen we work with so people will know what site they're on?  As I said, I've seen this before with a small square of color being added in the general vicinity of the highlighted area on the screenshot I've attached.

I'm open to any idea or enhancement that can be used to Indicate which environment users are working in. Thank you in advance for any help you can provide!

[lukasz-m · Accepted solution]

Hi @MarkECis,

I think AEM Environment Indicator from ACS Commons is what you are looking for.

• https://adobe-consulting-services.github.io/acs-aem-commons/features/environment-indicator/index.htm...

Sample result:

[MarkECis]

Thank you all for your lightning-fast response. I really appreciate your help!

[Jagadeesh_Prakash]

@MarkECis  Please refer to below URL which describes the AEM Environment Indicator and how to adopt the ACS commons package into AEMaaCS

https://adobe-consulting-services.github.io/acs-aem-commons/features/environment-indicator/index.htm...

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-environment-indicator-...

[ManviSharma]

Hi,

To indicate the AEM environment or site you are working on, you can use browser extensions, customize CSS, add a custom logo or watermark, or utilize different favicon icons for each environment in browser tabs.

[DPrakashRaj]

https://adobe-consulting-services.github.io/acs-aem-commons/features/environment-indicator/index.htm...