Today is the day of Microsoft Power Platform Online Conference 2020 (#PPOC2020). As a community we love to meet at in-person events, but in times like these it is pretty important to have the opportunity to learn and get together online as well.
Nevertheless on recent hackathons I was asked about some of my "ninja black-belt" skills which allows me to come up with apps quite fast and all of them having a clean and nice UI look & feel (to be discussed), I wanted to contribute to this initiative and share with you today the component:
- Company Color Scheme Component
- using a gallery which stores all your company color codes and allows you to lookup the color codes easily
- for a sample see ColorItems - keep the structure
- get your colors needed using function
LookUp(CompanyColor_1.ColorItems, Name = "Microsoft Power Automate Blue", Color)
- you can also get R, G, B values by e.g.
LookUp(CompanyColor_1.ColorItems, Name = "Microsoft Power Automate Blue", R)
Use the component as is. Build your apps faster in challenging times like these and never stop learning and sharing.
Update May 2020: Want to work with the latest Power Platform color palette? Use this Table as Gallery Items
Table({Name: "White",HEXValue:"#FFFFFF", Color: RGBA(255,255,255,1), R: 255, G: 255, B:255 },
{Name: "Extra Light Gray",HEXValue:"#EAEAEA", Color: RGBA(234,234,234,1), R: 234, G: 234, B:234 },
{Name: "Black",HEXValue:"#191919", Color: RGBA(25,25,25,1), R: 25, G: 25, B:25 },
{Name: "Microsoft Power BI Yellow",HEXValue:"#F2C811", Color: RGBA(242,200,17,1), R: 242, G: 200, B:17 },
{Name: "Microsoft Power Automate Blue",HEXValue:"#0066FF", Color: RGBA(0,102,255,1), R: 0, G: 102, B:255 },
{Name: "Microsoft Power Apps Purple",HEXValue:"#742774", Color: RGBA(116,39,116,1), R: 116, G: 39, B:116 },
{Name: "Microsoft Power Virtual Agents Teal",HEXValue:"#0B556A", Color: RGBA(11,85,106,1), R: 11, G: 85, B:106 },
{Name: "Microsoft Dark Yellow",HEXValue:"#6A4B16", Color: RGBA(106,75,22,1), R: 106, G: 75, B:22 },
{Name: "Microsoft Light Blue",HEXValue:"#50E6FF", Color: RGBA(80,230,255,1), R: 80, G: 230, B:255 },
{Name: "Microsoft Light Purple",HEXValue:"#D59DFF", Color: RGBA(213,157,255,1), R: 213, G: 157, B:255 },
{Name: "Microsoft Light Teal",HEXValue:"#30E5D0", Color: RGBA(48,229,208,1), R: 48, G: 229, B:208 }
)
You can reach and follow me on Twitter @ carsten_growth where I am sharing stuff from my day to day business
