Use modern themes (Model-driven Apps)

Official Microsoft documentation: https://learn.microsoft.com/en-us/power-apps/maker/model-driven-apps/modern-theme-overrides

?

"Modern themes currently only support customizing the app header. Other customizations like customizing the business process flow control aren't available."

"This functionality is available in build 9.2.23094 or later version."

What can be set in the app

Background – The background color of the app header. This element must be defined for any changes to take effect.

Foreground – The text color of the app header. If this isn't specified, the system attempts to calculate an appropriate color that has sufficient contrast to the provided background color.

BackgroundHover – The background color of buttons on the app header when they're hovered over. If no value is specified, the system calculates a color based on the background color.

ForegroundHover – The text color of buttons on the app header when they're hovered over. If no value is specified, the system attempts to calculate an appropriate color that has sufficient contrast to the backgroundHover color.

BackgroundPressed – The background color of buttons on the app header when they're pressed. The defaulting logic is the same as backgroundHover.

ForegroundPressed – The text color of buttons on the app header when they're pressed. The defaulting logic is the same as foregroundHover.

BackgroundSelected – The background color of buttons on the app header when they're selected. The defaulting logic is the same as backgroundHover.

ForegroundSelected – The text color of buttons on the app header when they're selected. The defaulting logic is the same as backgroundHover.

Create the web resource

We create a Web Resource of type "data (XML)", into which we insert the following definition:

<AppHeaderColors 
  background="#15185c"
  foreground="#8e7d54" 
  backgroundHover="#8e7d54" 
  foregroundHover="#FFFFFF"
  backgroundPressed="#8e7d54"
  foregroundPressed="#FFFFFF"
  backgroundSelected="#8e7d54" 
  foregroundSelected="#FFFFFF"
/>        

Save and publish!

Apply custom app header colors to apps in your environment

The setting is applied to all the apps in your environment that have the “New look” enabled.

Go to https://make.powerapps.com/home and find "Default Solution.

Now you need to change "Override app header color" in Settings.

?

?

?