04-09-2018 10:28 AM - last edited 04-27-2018 06:10 AM
This demo shows one way of allowing users to create and save their own Theme in your PowerApp using the Google Material Design colors.
I updated the app yesterday to include sliders to adjust the text color contrast.
Super Useful stuff!
not sure if i will use this tool exactly the same, but might modify it a bit to suit our company style guide and keep a consistency across various apps.
On a second thought, how did you link the color values to all the elements in the app. Did you do it for every label, button, etc. or is there some level of automation that can be achieved?
I have two labels on the Settings screen, I set the Fill property of one to the selected Primary Color + Primary HUE, or if there is a saved theme I set the Fill property to the saved color + hue. For the other label, I set it's Fill to the Secondary choices or to the saved choices. For all of the other controls I set their Fill properties to one of the Settings Screen label Fill property for the desired effect.
I chose the Google Material Design colors for this demo app but for my employer I would use their own company color pallettes as well, you could use any set of colors you need.
Here are some related references :