Material ui 使用MaterialUI'设计ckeditor元素样式的最佳方法；s createMuiTheme（）？

我使用ckeditor5允许在CMS中创建帖子内容，然后由Next.js前端获取。我试图（主要）使编辑器中的内容样式与文章中的内容保持一致，因此我希望使用它们的基本样式，转换为JSS，然后应用我设置的一些样式，以便在MaterialUI中使用。我发现最好的方法是覆盖MaterialUI主题中的ck样式，但存在以下问题：

const styleing=createMuiTheme({
覆盖：{
MuiCssBaseline：{
“@global”：{
“.ck内容”：{
颜色：'红色'，//我想从MaterialUI主题中提取颜色：theme.palete.error.main
边距：“16px”//和间距：主题。间距（2）
}
}
}
}
});

我能想到的唯一方法是事先使用以获得定制样式的主题：

const styleing=createMuiTheme({
调色板：{
红色：“红色”
}
});
const overrides=createMuiTheme({
覆盖：{
MuiCssBaseline：{
“@global”：{
“.ck内容”：{
颜色：style.palete.red，
边距：样式。间距（2）
}
}
}
}
});

然后将其输入ThemeProvider：

从“@material ui/core”导入{CssBaseline}”；
从“@material ui/core/styles”导入{ThemeProvider，CreateMuiteme}”；
常量样式=CreateMuiteme({
调色板：{
红色：“红色”
}
});
const overrides=createMuiTheme({
覆盖：{
MuiCssBaseline：{
“@global”：{
“.ck内容”：{
颜色：style.palete.red，
边距：样式。间距（2）
}
}
}
}
});
导出默认函数IndexPage（）{
返回(
{""}
);
}

但如果我想在其他地方使用自定义主题对象，则颜色将不可用：

从“@material ui/core”导入{CssBaseline}”；
进口{
制作风格，
提供者，
创造博物馆
}来自“@material ui/core/styles”；
常量样式=CreateMuiteme({
调色板：{
红色：“红色”
}
});
const overrides=createMuiTheme({
覆盖：{
MuiCssBaseline：{
“@global”：{
“.ck内容”：{
颜色：style.palete.red，
边距：样式。间距（2）
}
}
}
}
});
const useStyles=makeStyles（（主题）=>({
红色：{
重量：700，
颜色：theme.palete.red
}
}));
导出默认函数IndexPage（）{
常量样式=使用样式（）；
返回(
{""}
其他一些我想从主题中选择红色的文本
);
}

下面是上面代码的一部分