1

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

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

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

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

.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 是什么？

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

在此处输入图像描述

4

1 回答 1

3

我不熟悉你使用的包，但你应该能够做一些事情，比如body { background-color: white; }改变整个页面的背景颜色。

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

于 2019-04-22T01:29:21.607 回答