如何让 pkgdown 代码块具有深色背景？

Question

我正在尝试在由 pkgdown 生成的网站中以深色背景显示代码块。

我一直在寻找一种方法来更改代码块中的语法突出显示，但到目前为止只找到了很少的信息，而且没有任何内容可以让我调整或简单地更改突出显示的主题。

我试过在小插图的 YAML 或 _pkgdown.yml 中添加 highlight: zenburn，但它没有改变任何东西。

但是，我发现这段代码被放入 pkgdown 文件夹中的 extra.css 文件中以修改某些方面：

.fl      {color: #1514b5;}
.fu      {color: #FF9800;}  /* function */
.ch,.st  {color: #CDDC39;}  /* string */
.kw      {color: #FFC107;}  /* keyword */
.co      {color: #9E9E9E;}  /* comment */

.message { color: #EEEEEE;   font-weight: bolder;}
.error   { color: #f44336;  font-weight: bolder;}
.warning { color: #9C27B0; font-weight: bolder;}

这有效（即，它确实对语法突出显示有影响），但我找不到修改背景颜色（并切换到深色背景）的命令.有没有一种方法可以简单地更改主题（例如，更改为深色背景的 zenburn）？如果不是，那么 CSS 这样做的正确做法是什么？

This 是我要修改的 pkgdown 网站，这是我的目标：

Answer 1

我不熟悉您使用的包，但您应该可以执行 body { background-color: white; } 之类的操作来更改整个页面的背景颜色。

要专门为代码部分更改背景颜色，您只需将上面的 body 更改为相关的选择器，因此 pre, code { background-color: white; }.

如何让 pkgdown 代码块具有深色背景？

How to have pkgdown code chunks with a dark background?

css

r

themes

tidyverse

pkgdown