How to Build Custom Themes in Power Apps | Dynamic Modern Theme Picker

In this Power Apps tutorial, we'll learn how to create Modern Themes for Power Apps. Modern themes, based on Microsoft's Fluent design language, can transform the look of your Canvas Power Apps by modifying various style aspects such as color, font, borders, etc. These pre-established style sets ensure a visually pleasing and consistent interface.

We'll cover:
✔️ How to build custom Themes
✔️ Applying modern themes to classic controls using PowerFx formulas
✔️ Exploring Live Theme Preview
✔️ Using the App Theme property to build a theme selector option for end users to Select the Theme!

Additionally, I'll demo an end-to-end Power App that utilizes modern theming and custom theme picker option. This tutorial will showcase the power of Modern Theming in Power Apps enabling you to design apps with a unified and consistent visual appeal effortlessly.

#powerapps #powerplatform #canvasapp

⬇️ Download link for Power App in Community Tab of my YouTube channel
Exclusive for Channel Members (Silver 🥈 & Gold 🥇 Club)

Table of Contents:
00:00 Introduction to Building Custom Themes in Power Apps
00:33 Get started with Modern Themes in PowerApps
02:09 Build your first Power App Custom Theme
04:17 Build Dynamic Theme selector option in Power Apps
07:18 Power Apps Modern Theming Demo

[dougydoe]

Yesss!! I've been waiting for this for a while now since Modern Themes was released; to create custom themes and looks like they've added some improvements as well. Will definitely be digging into this. This is brilliant and thanks for sharing. 👌👌👌

[bobleach]

Although this is good what you've done, themes are just a bit limited in their functionality (that's not your fault).

You really need to be able to pick multiple colours (a whole brand colours not just shades of one colour) and assign them to different parts of the controls

I kinda do this already with my own custom themes, stored within variables, but be great if it was implemented by default.

[akshayjathar]

You share this at the perfect time. Thank you, I need the info on this topic.😍🙂

[marianaamancio]

Thanks once again! Reza, as a member, I would like to suggest content. You could record a video showing how to make custom connectors to integrate PowerApps with an already trained OpenAI assistant (assistant, thread, message and run) since the video you made previously was about the integration with gpt chat. It would be cool to see an assistant running on powerapps. Thanks always!

[jray]

Great job Reza!
Question for ya, is there a way to customize hover fill and color? For example, I want it a smoke color and not a variation of the current color.

[georgegualda]

Reza, as always you out do Question any videos in the near horizon regarding the new experimental feature "Coauthoring"?? Thanks

[partiantmas]

Hi Reza, I'm new member, happy to be with you

[devisettychandu]

Hey Reza Dorrani,
I'm really happy with this video. I tried the same thing, but when I open or refresh the app, the default color is always black. No matter what color I select from the dropdown, it doesn't populate. Can you please help me with this?

[juanoliver]

Reza, first of all, thank you. Secondly, in the context of the helpdesk application, what is the "Workday ID"?

[stephendarier]

That you for the awesome content. I wanted to know you have created a video for card view in a gallery we're we can drag to different bucket. Something like planner?

[tufailkarimkhan]

Hi Reza,
I'm from INDIA, I wanted to get member ship of your channel when I'm putting my card number getting Alert Message Card type not Acceptable so there is any other option to get membership please Help me.

Love from INDIA ❤❤❤

[kannankarmegam-bne]

How do I export the theme and distribute to multiple environment ?

[Nadeem-mctt]

I See video...I Like the video....I Watch later hahahaha

[suchitagaikwad]

But here users can see the selected theme only while they are using the application and selecting the theme. Once they close the application and reopen it will take the default theme.

[tbone]

I work with some color blind employees, so this is a great feature to create a theme that considers their disability.