How to Change Drop Down Colors in PowerApps

Changing each of the color properties of a drop down control in PowerApps can sometimes be a challenge and I always seam to miss one and I always need to go hunt for the correct property I missed. It’s probably my least favorite thing to do in PowerApps when I customize a color theme. So I put this cheat sheet together on how to change the drop down colors in PowerApps so that I can use, and hopefully you too, as a quick reference. Continue reading and you too will be an office power user!


Set Up Color Variable to Use in Drop Down

  • Screen
    • OnVisible: Set(gAppColor,DarkBlue) // Set your default color.
  • Button
    • Name: btnBlue
    • OnSelect: Set(gAppColor,DarkBlue)
    • Fill: DarkBlue
    • HoverFill: ColorFade(DarkBlue, -20%)
    • Color: RGBA(255, 255, 255, 1)
  • Button
    • Name: btnRed
    • OnSelect: Set(gAppColor,IndianRed)
    • Fill: IndianRed
    • HoverFill: ColorFade(IndianRed, -20%)
    • Color: RGBA(255, 255, 255, 1)

Set The Drop Down Properties

  • Drop down
    • SelectionFill: gAppColor
    • ChevronBackground: gAppColor
    • BorderColor: gAppColor
    • HoverFill: ColorFade(gAppColor,50%)
    • CheveronHoverBackground: ColorFade(gAppColor,-20%)
    • PressedFill: gAppColor

Now you know how to change the Drop Down colors in PowerApps. For more ways to set your app color theme see my post on how-to-change-the-color-theme-in-powerapps-during-run-time/

Please leave your feedback. I hope this article has been helpful for you so bookmark this blog as new articles will be posted regularly.

Share the knowledge!

Paul Rodrigues

Business Analyst with 20 years of IT experience creating practical solutions. I love to automate business processes through the use of technology while making the end users work easier. My current favorite tools are Power Apps, Power BI and Power Automate. #PowerAddict

You may also like...