How to enable Addd-in icons with light theme style and dark theme style?

Joe Shao 0 Reputation points


I am Joe, I am a designer preparing the icon design for our Microsoft Add-in which will be shown in the Ribbon menu.

By following the icon design guideline from Microsoft, I create the icon for light mode and dark mode, but when we doing the implementation, we found we only able to use 1 icon file for a button, but when I switch my Microsoft application (Word for example), the icons showing in Ribbon menu will be shown with dark theme as well.

My question is how can we apply our buttons with different theme style icon? Which document we can refer to?

Screenshot 2023-10-10 at 13.08.09

Screenshot 2023-10-10 at 13.09.04



Microsoft 365
Microsoft 365
Formerly Office 365, is a line of subscription services offered by Microsoft which adds to and includes the Microsoft Office product line.
3,975 questions
{count} votes