Change Header colour in Environment

(3) Share

Report

Posted on by DBNL

Is it possible to change the header color from the standard purple depending on which environment you are in , within power platform? I would like to have different ones for Dev/Prod/Test it just helps to make if obvious. TIA

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (4)

Answers (0)

vipuljain03 657 Super User 2025 Season 2 on at

Like (1)

Report
Approach-1:

By using environment variables & Param, you can achieve this scenario.

You can set the header color in the App.OnStart property and check the environment and set the header color based on Param value.

Below is a sample code:

Set( varHeaderColor, If( IsBlank(Param("HeaderColor")), // Check if Param is blank (i.e. running in editor) "#808080", // Default gray color for editor Param("HeaderColor") ) // For Production: // EnvironmentVariable.HeaderColor );

Approach-2:

I change the App Name/Title based on environment. So if user open UAT app, it will show App_Name-UAT etc.

Was this reply helpful? Yes No
DBNL 33 on at

Like (0)

Report

Thanks for your response . However I don't think I explained myself properly. It's not the app header it's the actual environment header. TIA

Was this reply helpful? Yes No
TP18 182 on at

Like (0)

Report

Hello,

You will have to do it from Microsoft 365 Administration Page -> Customize the theme for your organization - Microsoft 365 admin | Microsoft Learn

Thanks

Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.

This helps others find solutions to future issues!

Was this reply helpful? Yes No
Suggested answer

Ravi-Prajapati 416 Super User 2025 Season 2 on at

Like (0)

Report
Yes! You can dynamically change the header color in Power Apps based on the environment (Dev, Test, Prod). Here’s how you can do it:

Method 1: Using Environment() Function (Recommended)

The Environment() function retrieves the current environment name, which you can use to set a different color for each environment.

Steps:

Go to App > OnStart and define a variable:

Set(varEnv, Environment().Name);

Set the Fill property of the header (or app background) to:

Switch( varEnv, "Dev", RGBA(255, 165, 0, 1), // Orange for Dev "Test", RGBA(0, 123, 255, 1), // Blue for Test "Prod", RGBA(220, 20, 60, 1), // Red for Prod RGBA(128, 0, 128, 1) // Default Purple )

Change "Dev", "Test", and "Prod" to match your environment names.

Method 2: Using a Custom Table (If You Need More Control)

If Environment().Name doesn’t match your expectations, you can create a Settings Table in Dataverse with:

EnvironmentName (e.g., Dev, Test, Prod)

HeaderColor (e.g., #FFA500 for orange)

Then, onappstart, use LookUp() to fetch the right color:

Set(varHeaderColor, LookUp(Settings, EnvironmentName = Environment().Name, HeaderColor));

Then set the header’s Fill property:

ColorValue(varHeaderColor)

Was this reply helpful? Yes No