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

[MeasurableBusinessResults]

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?

[muskaanchandwani]

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-clo...

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]

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]

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?