当使用 Material UI 切换深色模式时，Formio 表单的字体颜色更改为白色

如何解决当使用 Material UI 切换深色模式时，Formio 表单的字体颜色更改为白色

Before Dark Mode After Dark Mode我在 React JS 应用程序中将 Material UI 用于 Dark Mode 和 Formio Forms。在点击 Dark Mode Button 时，Material UI 将渲染的 Formio Form 的字体颜色更改为白色，但 formio 表单的背景颜色保持为白色。这是我下面的formio示例代码

const Customerformgrid = () => {

    useEffect(() => {
        Formio.createForm(document.getElementById('test'),{
            components: [{
              "label": "","tableView": true,"rowDrafts": false,"key": "editGrid","type": "editgrid","displayAsTable": true,"components": [{

              }]
            }).then(function(form) {

                form.submission = {
                  data: {
                    editGrid: [{

                        "Subsmission data"
                      }
                    }
                  ],}
              };
            });
        });

      return (

        <
        div className = "panel panel-primary grid-container card" >
        <
        div className = "panel-heading card-header" >
        Customer Details <
        /div> <
        div id = 'test' >
        <
        /div> < /
        div >
      );
    };

    export default Customerformgrid;