How can I change the green cloud environment icon to the environment NAME instead of type | Community
Skip to main content
MeasurableBusinessResults
Level 3
November 3, 2025
Question

How can I change the green cloud environment icon to the environment NAME instead of type

  • November 3, 2025
  • 2 replies
  • 237 views

We have multiple development environments in AEM cloud. In the UI, they all show "dev" in the green icon at the top left.
This can be easily confusing.

 

How can this be changed to match the name of the environment, e.g. "qa" or whatever we use as a custom environment name?

 

 

2 replies

muskaanchandwani
Adobe Employee
Adobe Employee
November 3, 2025

Hello @measurablebusinessresults 
Out-Of-The-Box :

According to the below Documentation, the Unified Shell indicates the *type* of the Environment, such as Stage, Prod, Dev, or RDE.

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/overview/aem-cloud-service-on-unified-shell#identify-aemaacs-environment

As the current labeling on the Environment is based on and is retrieved as the *Environment Type*, it may not be possible to change this OOTB.

 

ManviSharma
Adobe Employee
Adobe Employee
November 3, 2025

Hello @measurablebusinessresults ,

 

That green environment badge ("dev") you see in the AEM author UI header (next to the Adobe Experience Manager logo) is not configurable. It’s automatically derived from the environment type, not the custom name you assign in Cloud Manager.

Here’s how it works:

  • "dev" → shown for all Development environments

  • "stage" → shown for Stage environments

  • "prod" → shown for Production environments

Even if you name your environment something like qa, sandbox, or integration in Cloud Manager, the UI will still show dev because the underlying environment type remains “development”.

MeasurableBusinessResults
Level 3
November 4, 2025

Yes thanks, I already know this is the type and not the name. 😉

But having multiple "dev" type environments (we have 4) makes it confusing for users, because they always have to remember the environment ID in the URL, and its easy to get mixed up and change something in the wrong browser window.

So in the code it renders this as 

<span class="colorBadge TAzEcG1 QAzEcG1 _Jb1 _Nc1 Pc1 _Yb1 _7b1" data-rsp-slot="text">dev</span>

there must be a way to override it, no?