如何永久修改Redocly暗色模式下请求体内部的背景色为默认深色

不用依赖那些随机生成的动态类名，试试下面这几种靠谱的永久解决方法：

方法1：用Redocly主题配置（最推荐） #

直接在你的Redocly配置文件（比如redocly.yaml）里添加自定义主题设置，和官方主题系统对齐，不会因为类名变化失效：

theme:
  colors:
    schema:
      background: '#1e1e1e' # 填和你暗色主题匹配的背景色
    text:
      primary: '#ffffff' # 可选：调整Schema里的文字颜色，确保可读性

改完重新构建文档，Schema背景就会自动适配暗色模式了。

方法2：自定义CSS覆盖（嵌入Redoc的场景） #

如果是把Redoc嵌入自己的网页里，写CSS的时候用稳定的选择器，别碰那些随机类名：

/* 暗色模式生效 */
@media (prefers-color-scheme: dark) {
  /* 替换成你的Redoc容器类名 */
  .your-redoc-container .schema-container {
    background-color: #1e1e1e !important;
  }
  /* 可选：调整属性文字和边框颜色 */
  .your-redoc-container .schema-container .property {
    color: #fff;
    border-color: #333;
  }
}

方法3：覆盖Redocly的CSS变量（灵活适配） #

Redocly内置了不少CSS变量，直接改这些变量就能全局生效：

@media (prefers-color-scheme: dark) {
  :root {
    --redoc-color-schema-background: #1e1e1e;
    --redoc-color-schema-text: #ffffff;
    --redoc-color-schema-border: #333333;
  }
}

这种方式能完美适配Redoc的原生主题切换，不会有样式冲突。

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