Css 如何更改leaver.js中语法突出显示的主题和语言

我正试图在reveal.js中为演示文稿使用语法高亮显示，但我不想使用zenburn（默认设置）我想突出显示用R编写的代码。我使用highlight.js生成为R定制的css，但问题是highlight.js用“hljs”表示html中的代码，而leaver.js使用“pre-code”。例如，highlight.js css如下所示：

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
  -webkit-text-size-adjust: none;
}

pre code {
  display: block; padding: 0.5em;
  background: #3F3F3F;
  color: #DCDCDC;
}

而leaver.js突出显示css看起来像：

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
  -webkit-text-size-adjust: none;
}

pre code {
  display: block; padding: 0.5em;
  background: #3F3F3F;
  color: #DCDCDC;
}

---

可以为语法突出显示生成替代主题，或者是检查并更改所有选择器的解决方案？

您可能正在使用受此影响的过时版本的leaver.js

在这种情况下（如果您无法升级），您将用最新的稳定版本替换highlight的内联缩小版本（在

plugin/highlight/highlight.js

）

在所有其他情况下，只需将所需的higlight css文件（例如idea.css）添加到lib/css，并替换

index.html

中的zenburn.css链接（例如通过

）

---

预计Leaver主题css中的

.leaver-pre-code

可能会干扰某些突出显示样式，因此如果不进一步修改，这些样式可能很难阅读或看起来很糟糕。

谢谢，我已经内联了信息并删除了链接。我还澄清了当前的reveal.js版本不需要这种解决方法。链接本身也不错，但你必须在回答中解释解决方案的核心，即使没有链接也会很有用。链接往往会腐烂，当这种情况发生时，如果没有链接，你的答案将一文不值。