Как получить куски кода pkgdown с темным фоном?

Question

Я пытаюсь отобразить фрагменты кода с темным фоном на моем сайте, сгенерированном pkgdown.

Я искал способ изменить подсветку синтаксиса в кусках кода, но пока нашел только немного информации, и ничего, что позволило бы мне настроить или просто изменить тему подсветки.

Я пытался добавить highlight: zenburn либо в YAML виньетки, либо в _pkgdown.yml, но это ничего не изменило.

Однако я обнаружил, что этот код помещен в файл extra.css в папке pkgdown, чтобы изменить некоторые аспекты:

.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, который я пытаюсь изменить, и это моя цель:

Answer 1

Я не знаком с пакетом, который вы используете, но вы должны иметь возможность сделать что-то вроде body { background-color: white; }, чтобы изменить цвет фона всей страницы.

Чтобы изменить цвет фона специально для разделов кода, вам просто нужно изменить body выше на соответствующий селектор, поэтому pre, code { background-color: white; }.