This document describes how to create a collection in PowerApps to store custom color values from a SharePoint list, in order to apply those colors consistently throughout an app without needing to look up the values each time. It recommends preparing a SharePoint list with color names and hex codes, creating the collection on app start to minimize data lookups, adding a gallery bound to the collection to display the colors, and using a lookup formula to reference the color values in the collection.

1. Applying your own set of colours
to your PowerApp Controls
How to easily apply colours throughout your App.
Peter Heffner
@Lingualizer

2. Why this tutorial?
• I didn‘t like the standard colours of the controls, neither the pre-defined
themes, so I had to deal with my own RGB-values.
• Also I wanted to use ourCorporate Colours and didn‘t want to look up every
value with every new PowerApp.
• This presentation describes how I manage my own set of colours.
• Prepare a list with all colors and values
• „OnStart“ create a Collection for quick access to the colour values and minimise traffic

3. Create the Colour List
Create a (Sharepoint) list with your corporate colours.
You would only need a name and the hex code.
However, for more flexibility I added an internal name and the RGB values

4. Create a new PowerApp
• Connect your ColorList as a data source
• In my example I use a new screen, type 'scrollable', to get a canvas.
This way I can easily copy the canvas from one template PowerApp to any
other.

5. Create a Collection for the Colours
To minimize traffic between the PowerApp and the data source
I create a Collection when the App is started.

6. Add a Gallery for the Collection
Note:
With the current version of PowerApp the Gallery
is added to the screen and not the DataCard.
Just cut the Gallery and paste it to the DataCard.

7. Add a text label
Now we add a text label to the Gallery,
showing the [Title].
You can also use the Internal Name or
the ID, if it is unique.

8. Add a rectangle and the fill colour
Next we add a rectangle
and define the fill colour.

9. Done
ColorValue(LookUp(collColors,Title="Col3").Hex)
This is the code I copy and paste
into the fill colour command line.
I simply need to change the
"ColorName“
(here: ‘Col3’.

10. Thanks for watching!
@Lingualizer