How do hub icons change according to the theme in azure devops

Question

 I want to have an icon that follows the feel of the existing hub icon groups in the hub extension I am developing for Azure DevOps.

 

What should I do to get my icon to be like these others when themes (particularly light vs dark) are applied?

Answer 1

It's quite simple. In your extensions manifest to specify the icons as follows:
{
    "id": "hub",
    "type": "ms.vss-web.hub",
    "targets": [
        "ms.vss-work-web.work-hub-group"
    ],
    "properties": {
        "name": "Hub",
        "description": "Something",
        "uri": "pages/Hub.html",
        "icon": {
            "light": "img/hub-light.png",
            "dark": "img/hub-dark.png"
        }
    }
}

Hope this helps.