如何修改Simple MDE预览区域的背景颜色？

你已经通过CSS修改了CodeMirror编辑器的背景色，但预览区域未同步样式，只需为Simple MDE的预览区域添加对应CSS规则即可实现视觉统一：

/* 编辑器原有样式 */
.CodeMirror {
    min-height: 200px;
    width: 100%;
    color: white;
    background-color: rgb(0, 17, 28);
    padding: 15px 25px; /* 简化内边距写法 */
}

/* 新增预览区域样式 */
.editor-preview,
.editor-preview-active {
    background-color: rgb(0, 17, 28); /* 与编辑器保持一致的背景色 */
    color: white; /* 确保文字在深色背景下可见 */
    padding: 15px 25px; /* 匹配编辑器内边距，保持布局统一 */
}

Simple MDE的预览区域使用.editor-preview（未激活预览状态）和.editor-preview-active（激活预览状态）两个类名，为这两个类设置与CodeMirror相同的背景色和文字颜色，就能让预览区域和编辑器的视觉效果完全一致。

内容的提问来源于stack exchange，提问作者DaltonR