Unanswered

PowerApps - App icon in Dark Mode

(0) Share

Report

Posted on by SP-20081452-0

Hi, relative newbie here.

I have a custom icon for my PowerApp. The icon color itself is single color (black) with a transparent background. In Light mode in Teams the icon looks great, but in Dark mode, where Teams flips the background color to black, but does not flip the color of the icon itself, the icon cannot be seen. What are the steps to set up an application icon with a transparent background so it can be seen in both light and dark mode.

Thanks!

Categories:

Building Power Apps

All responses (4)

Answers (0)

Sort by

Ethan_009 4,840 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @pw212 ,

Icon has Color property, I haven't used in Teams App but you can change the color of the Icon as well as its background.

So, if you are using Teams App.

There's a function to get the Theme applied like

//Use the below code for Color property of Icon Switch( Teams.Theme.Name, TeamsTheme.Default, Color.DimGrey, TeamsTheme.Dark, Color.White, TeamsTheme.Contrast, Color.Black )

You can see the output on Teams only, PA editor may not show you the Theme , so run the App on Teams

Adjust color as you like

Hope this helps
SP-20081452-0 21 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks. Applying this code to the Fx of the App did not seem to make a difference unfortunately 😞
Ethan_009 4,840 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@pw212 , Check this if it helps
Documentation
SP-20081452-0 21 on at

Like
a
(0)

Report
Copy link

Link copied!

unfortunately I built this app in Power Apps on the web, not in Power Apps in Teams, so I do not have the Teams Integration Object added to my app. Is there another way I can add this so I can make changes to the teams theme within my app? From what I can tell, the code doesn't seem to be seem to recognize Teams.theme.Name unless the integration object is added.