Spfx 如何将特定主题应用于fluent ui控件？

我正在开发一个spfx解决方案，其中一个特定主题将应用于office ui结构控件。

使用office ui结构提供的自定义程序组件 并将使用“创建主题”功能创建的主题对象发送到设置对象中的主题对象

const myTheme = createTheme({
    palette: {
        themePrimary: '#ee6f67',
        themeLighterAlt: '#fef9f8',
        themeLighter: '#fce7e5',
        themeLight: '#fad2cf',
        themeTertiary: '#f4a6a1',
        themeSecondary: '#ef7f77',
        themeDarkAlt: '#d5645c',
        themeDark: '#b4544e',
        themeDarker: '#853e39',
        neutralLighterAlt: '#faf9f8',
        neutralLighter: '#f3f2f1',
        neutralLight: '#edebe9',
        neutralQuaternaryAlt: '#e1dfdd',
        neutralQuaternary: '#d0d0d0',
        neutralTertiaryAlt: '#c8c6c4',
        neutralTertiary: '#a19f9d',
        neutralSecondary: '#605e5c',
        neutralPrimaryAlt: '#3b3a39',
        neutralPrimary: '#323130',
        neutralDark: '#201f1e',
        black: '#000000',
        white: '#ffffff',
    }
});

        <Customizer settings={{ theme: myTheme }}>
        {office ui fabric controls}
        </Customizer>

const myTheme=createTheme({
调色板：{
主题：“#ee6f67”，
主灯光：“fef9f8”，
指示灯：“#fce7e5”，
焦点：“#fad2cf”，
计量单位：“#f4a6a1”，
第二个主题：“#ef7f77”，
主题标记：“#d5645c”，
主题公园：“#b4544e”，
主题营销员：“#853e39”，
中性灯：“#faf9f8”，
中性灯：“#f3f2f1”，
中性光：“#edebe9”，
neutralQuaternaryAlt:“#e1dfdd”，
中性四元：'#d0'，
NeutralAlteryAlt:“#c8c6c4”，
中性交替：“#a19f9d”，
neutralSecondary:“#605e5c”，
neutralPrimaryAlt:“#3b3a39”，
neutralPrimary:“#323130”，
neutralDark:“#201f1e”，
黑色：“000000”，
白色：“#ffffff”，
}
});
{office ui结构控件}