web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
The Next Big Bite | Aussie Classics & Starting Small with Clay Wesener | EP04
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Component Color Not Ma...
Power Apps
Unanswered

Component Color Not Maintained

(0) ShareShare
ReportReport
Posted on by Gergman 17

The component color I am setting in the application keeps reverting to the default color in the component. Is this a bug or do I have something wrong?

 

I have a menu component in the Component Library. The component has an Input Property named ThemeColor with Data type = Color. I then set a Fill property of an item in the component to ComponentName.ThemeColor.

 

Component-Fill-2021-02-25_12-50-21.jpg

 

Within the canvas app using the component, I set the component ThemeColor property to RGBA(1,173,171,1) and it looks like the color is taking when I test the menu using the Alt key. However, if I change screens, then come back, the default color of the component overrides the property I have set in the app. Although, the app still has displayed, ThemeColor = RGBA(1,173,171,1).

App-Color-2021-02-25_12-38-57.jpg

 

Any ideas on this issue are appreciated. 

Categories:
Building Power Apps
I have the same question (0)
  • v-albai-msft Profile Picture
    v-albai-msft Microsoft Employee on at

    Hi @Gergman ,

    With your information, I did a simple test on my side, the component color works well when I navigate to another page and go back.

    You may check my steps:

    Since I don’t know what do you mean about “thisitem.Screen”, so I add another custom property of my MenuHamburger component called “Screen1”, also I set the default ThemeColor to Red:

    v-albai-msft_0-1614333823780.png

    v-albai-msft_1-1614333823782.png

     

    Then go to my app, I change the ThemeColor property to “Green”, Screen1 property to “Screen1”:

    v-albai-msft_2-1614333823784.png

    v-albai-msft_3-1614333823785.png

    When run the app, click button to navigate to Screen1, then go back to Screen2, the color of component is still green.

    Seems your solution and steps are all without issue, maybe you could try a test in a new app or try to clear your browser cache.

    Best Regards,

    Allen

  • Gergman Profile Picture
    Gergman 17 on at

    I did some more testing based on your reply. I created a similar local component within the App

    and this maintains the color when I switch screens. However, the similar component which is in the Component Library does not work to maintain color. It is when the component from the Component Library is used on another screen, and I switch to that other screen, it resets to the ThemeColor default.  Using the component from the Component Library, if I switch to another screens which is not using the component, then go back to the prior screen with the component, the color is maintained. The issue seems related to reloading of the component from the Component Library.  

    Component-Library-2021-02-26_8-38-43.jpg

  • Gergman Profile Picture
    Gergman 17 on at

    I think it is related to the button in component within the Component Library . I have another component within the Component Library that is similar, but does not contain the button, and it maintains the ThemeColor change when switching to other screens with the same component. 

  • Gergman Profile Picture
    Gergman 17 on at

    The button is affecting the behavior in Edit mode of the canvas App when switching screens to another screen using the same component. Using another component from the Component Library, which does not have a button, the color is not affected in Edit mode of the canvas App when switching to another screen with the same component (Screenshot 1). However, when I publish the App, the color is reverting to the default color of the component from the Component Library (Screenshot 2). So it would seem there is an issue with Color and the Component Library. The following are screenshots of the component which does not use the button.

     

    Screenshot 1

    App-Font-Color-from-Set-2021-02-26_10-18-36.jpg

     

    Screenshot 2

    Component-Library-Component-In-Published-App-2021-02-26_10-30-52.jpg

     

    I am building a Canvas App to explain and use as an example of how to build various features in a Canvas App. For now I will us a local component.  I was hoping to use the Component Library, but it seems Color has an issue. I will stick with local components in the Canvas App for now. 

  • v-albai-msft Profile Picture
    v-albai-msft Microsoft Employee on at

    Hi @Gergman ,

    Per my research, there is no documents mentioned about this color issue. Actually, l am not sure if this is a by design issue or a configuration issue, because I am not able fully reproduce your configurations, at least the simple test on my side works well(with a button).

    To get a better idea of your color issue when using Component library, I think this would be better handled in a support case so that you could get input from other resources in the organization. 

    Power Platform admin center (microsoft.com)

    Best Regards,

    Allen

  • Gergman Profile Picture
    Gergman 17 on at

    Is the link you provide to the Power Platform Admin center the place to report bugs or issues with features in Preview? 

     

  • v-albai-msft Profile Picture
    v-albai-msft Microsoft Employee on at

    Hi @Gergman ,

    No, there is the place to submit support requests. The support engineers there have more experiences and more resources, so they can help Microsoft customers better. Also they can remote assistance to you.
    Best regards,
    Allen

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
The Next Big Bite | Aussie Classics & Starting Small with Clay Wesener | EP04

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 325 Most Valuable Professional

#2
11manish Profile Picture

11manish 165

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 88 Super User 2026 Season 1

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans