Reactjs 如何将Fabric UI Office主题应用于主体背景？

我对用fabric ui制作的react网站的主题设置有问题

我使用Fabric UI为生成主题而提供的网站生成了2个主题（夜间/白天模式）。我以json格式导出了它们。 由于我想使用切换按钮在这两个主题之间进行切换，这两个json成为文件“themes.json”中的变量

问题是，一旦我改变了主题，身体的背景本来应该是黑色的，实际上是纯白色的

我的主题

var lightCyan = {
    "themePrimary": "#009486",
    "themeLighterAlt": "#f1fbfa",
    "themeLighter": "#c8eeea",
    "themeLight": "#9cdfd8",
    "themeTertiary": "#4cbfb4",
    "themeSecondary": "#13a193",
    "themeDarkAlt": "#008578",
    "themeDark": "#007166",
    "themeDarker": "#00534b",
    "neutralLighterAlt": "#f8f8f8",
    "neutralLighter": "#f4f4f4",
    "neutralLight": "#eaeaea",
    "neutralQuaternaryAlt": "#dadada",
    "neutralQuaternary": "#d0d0d0",
    "neutralTertiaryAlt": "#c8c8c8",
    "neutralTertiary": "#595959",
    "neutralSecondary": "#373737",
    "neutralPrimaryAlt": "#2f2f2f",
    "neutralPrimary": "#000000",
    "neutralDark": "#151515",
    "black": "#0b0b0b",
    "white": "#ffffff"
}

var darkCyan = {
    "themePrimary": "#4fedec",
    "themeLighterAlt": "#030909",
    "themeLighter": "#0d2626",
    "themeLight": "#184747",
    "themeTertiary": "#2f8e8e",
    "themeSecondary": "#45d1d0",
    "themeDarkAlt": "#5fefee",
    "themeDark": "#77f2f1",
    "themeDarker": "#99f5f4",
    "neutralLighterAlt": "#151717",
    "neutralLighter": "#1e2020",
    "neutralLight": "#2c302f",
    "neutralQuaternaryAlt": "#353939",
    "neutralQuaternary": "#3d4141",
    "neutralTertiaryAlt": "#5c6161",
    "neutralTertiary": "#c8c8c8",
    "neutralSecondary": "#d0d0d0",
    "neutralPrimaryAlt": "#dadada",
    "neutralPrimary": "#ffffff",
    "neutralDark": "#f4f4f4",
    "black": "#f8f8f8",
    "white": "#0c0d0c",
    "bodyBackground":"#2e2a2a"
}


export {lightCyan, darkCyan};

---

正如您所发现的，FluentUI在加载主题时不会改变主体背景。您可以使用一行代码修复此问题，您可以将其添加到加载主题的函数中：

document.documentElement.style.background=paletteNext==“白色”？“黑”：“白”；

---

如果您对我切换主题的方法感兴趣，请参阅我对另一个问题的回答：

正如您所发现的，加载主题时FluentUI不会改变主体背景。您可以使用一行代码修复此问题，您可以将其添加到加载主题的函数中：

document.documentElement.style.background=paletteNext==“白色”？“黑”：“白”；

---

如果您对我切换主题的方法感兴趣，请参阅我对另一个问题的回答：

如果您能提供一个代码笔或沙盒演示来演示您使用这些主题的方式，那将非常有帮助，但从这里看，可能是因为您将

主题.调色板

颜色槽与

语义颜色

槽混合在一起，而

主体背景

是。另外，不确定您是如何使用更改的插槽的？如果您需要更改主体背景，则需要将该槽应用于

主体

样式。如果您提供一个codepen或sandbox演示来演示您使用这些主题的方式，这将非常有帮助，但从这里看，可能是因为您将

主题.调色板

颜色槽与

语义颜色

槽混合在一起，而

主体背景

是。另外，不确定您是如何使用更改的插槽的？如果需要更改主体背景，则需要将该槽应用于

主体

样式。