FluentUI DevOps扩展-用户主题和Azure组件

Question

我正在为Azure DevOps开发扩展，主要使用来自azure-devops-ui (论坛设计系统)的组件，它可以自动从用户设置中获取主题。我也使用了FluentUI的一些组件(以前的office-ui-fabric-react)，但我也在努力让他们也使用主题。例如：当切换到深色主题时，FluenUI组件保持白色。

有没有人能做到这点？

我必须手动指定所有样式吗？但是如何获取当前DevOps主题用户正在使用的信息呢？

Answer 1

调用此接口，获取WebPlatform/Theme的值

https://dev.azure.com/{org}/_apis/Settings/Entries/globalme

Answer 2

//vss-extsion.json

"scopes": [ "vso.settings" ]

//vss-web-extension-sdk

import * as SettingsServices from "VSS/Settings/Services";
var entries = service.getEntriesAsync("WebPlatform", SettingsServices.SettingsUserScope.Me); //https://dev.azure.com/{org}/_apis/Settings/Entries/me/WebPlatform

//响应body：

{"count":2,"value":{"Theme":"ms.vss-web.vsts-theme-dark","Navigation/ProjectMRU":[{"projectId":"4ba0eb7f-64c0-4612-ad43-23055e664faa"},{"projectId":"a7037c27-f23a-4c14-9497-633b7e611bbb"}]}}