Modern Themes in Canvas Power Apps - How To Build Custom Themes

Creating a unified and professional design across your Canvas Power Apps has never been easier, thanks to the new custom theme functionality. In this tutorial, Brian Knight from Pragmatic Works walks through the process of building custom themes in modern Canvas Power Apps, enabling developers to align app design with branding guidelines seamlessly.

Why Use Custom Themes?

Custom themes help maintain consistent branding across applications, which is especially important for businesses with established branding guidelines. By using modern themes in Canvas Power Apps, you can eliminate the manual effort of defining variables for colors and fonts, making app design quicker and more cohesive.

Enabling Modern Themes

To start using custom themes, follow these steps:

1. Open Settings: In your Power App, go to the Settings panel from the bottom left corner.
2. Enable Modern Controls and Themes: Scroll down and toggle the option for Modern Controls and Themes.
3. Access Theme Options: After enabling, a new Themes section will appear on the left-hand menu.

Creating a Custom Theme

Here’s how to create and apply a custom theme:

1. Add a Theme: In the Themes section, click Add a Theme and name it to reflect your brand (e.g., “Pragmatic Works Theme”).
2. Customize Colors and Fonts: Choose your preferred fonts and colors. Use your company’s branding guide to define primary and secondary colors, and paste hex codes directly into the theme editor.
3. Create Gradients Automatically: Power Apps automatically generates gradients and complementary colors based on your inputs.
4. Apply the Theme: Once saved, all new elements like buttons and headers will adhere to the selected theme.

Benefits of Custom Themes

Using custom themes in modern Canvas Power Apps offers several advantages:

• Consistency: Ensure all elements in the app match your branding effortlessly.
• Efficiency: Save time by avoiding manual configuration for each component.
• Adaptability: Modify the theme globally to apply changes across all components in the app instantly.

Current Limitations

While custom themes provide significant design advantages, there is currently no feature to apply the same theme across multiple apps. Each theme must be recreated for individual applications. Microsoft welcomes feedback on this feature, so consider submitting a feature request or voting on existing requests if this functionality is critical for your workflows.

Conclusion

Custom themes are a game-changer for Canvas Power Apps, making it easier to create professional, brand-aligned applications. Follow Brian’s steps to start using this feature and streamline your app development process. For more Power Platform tutorials, check out Pragmatic Works’ YouTube channel and on-demand learning platform.

Don't forget to check out the Pragmatic Works' on-demand learning platform for more insightful content and training sessions on Power Apps and other Microsoft applications. Be sure to subscribe to the Pragmatic Works YouTube channel to stay up-to-date on the latest tips and tricks.