未采用主题背景色的团队任务模块

Question

任务模块主体没有采用团队主题背景颜色。它采用了仅尝试过的白色

#embed-container iframe {

        body {

            background-color: inherit !important;
   }

}

还是不行

Answer 1

因为您的代码在框架内运行，所以您的页面的全部内容都明确地由您来处理。此外，如果 Teams 决定更改它的颜色，它可能不适用于您的应用程序，因此您将获得危险的依赖。相反，Teams 提供了一个 Context 对象，您可以使用它来检测主题类型（浅色、深色、高对比度）和在您的代码运行时（例如在选项卡中）对主题的任何更改。在此处查看更多信息：https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/access-teams-context

您可能无论如何都想查看 Teams UI 组件模板，其中包括开箱即用的样式等：https://github.com/OfficeDev/microsoft-teams-ui-component-library