Как применить тему Fabric UI Office к фону тела? - PullRequest
Новая
       22

Как применить тему Fabric UI Office к фону тела?

0 голосов
/ 31 мая 2019

У меня проблема с размещением сайта реакции, сделанного с использованием пользовательского интерфейса

Я создал 2 темы (ночной / дневной режим), используя веб-сайт, предоставленный пользовательским интерфейсом Fabric для создания тем. Я экспортировал их в формате JSON. Поскольку я хочу использовать кнопку переключения для переключения между этими двумя темами, эти два jsons стали переменными в файле "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};
...