изменить цвет фона фрагмента R в bookdown gitbook

Я хотел бы изменить цвет фона R-фрагментов и выходов R-фрагментов в bookdown gitbook. Пробовал следовать https://bookdown.org/yihui/rmarkdown-cookbook/chunk-styling.html раздел 7.3, Изменение цвета фона фрагмента в RMarkdown или https://github.com/yihui/knitr-examples/blob/master/116-html-class.Rmd

но безуспешно.

Я отредактировал минимальный пример отсюда: https://github.com/rstudio/bookdown-demo с этим в style.css

.Rchunk {
  background-color: #f2dede;
  font-weight: bolder;
  color: red;
}

.Rout {
  background-color: #d9edf7;
  font-weight: bolder;
  color: blue;
}

и это в index.Rmd вокруг # Prerequisite

```{r, echo=FALSE}
knitr::opts_chunk$set(fig.align='center', out.width='60%', class.source="Rchunk", class.output="Rout", comment="", prompt=TRUE) 
```


# Prerequisites

```{r}
summary(iris$Sepal.Length)
```

Как показано на первом рисунке, класс передается в файле html, и отображается font-weight: bolder;, но не цвет шрифта и фона. На самом деле он есть, но в маске, но в другом стиле css.

.book .book-body .page-wrapper .page-inner section.normal pre {
    overflow: auto;
    word-wrap: normal;
    margin: 0 0 1.275em;
    padding: .85em 1em;
    background: #f7f7f7;
}

Есть ли способ удалить вызов серого фона, чтобы можно было показать красочный класс?

Серый фон

Красочный фон


r css bookdown gitbook
person GaelS    schedule 08.01.2021    source источник
comment
посмотрите здесь: github.com/yihui/knitr/issues/1333   -  person MarBlo    schedule 08.01.2021
comment
Спасибо, я следую этому коду, он хорошо работает с файлами Rmd, но не для формата bookdown — gitbook.   -  person GaelS    schedule 08.01.2021
comment
@cderv да, спасибо, ключом был !important. Не знаю, как я пропустил этот вопрос с bookdown и background color в моем поиске.   -  person GaelS    schedule 12.01.2021

Ответы (1)


arrow_upward
3
arrow_downward

Спасибо @cderv за то, что указал мне правильное направление. просто нужно добавить !important к стилям CSS, которым я хочу расставить приоритеты:

.Rchunk {
  background-color: #f2dede !important;
  font-weight: bolder;
  color: red !important;
}

.Rout {
  background-color: #d9edf7 !important;
  font-weight: bolder;
  color: blue !important;
}
person GaelS    schedule 12.01.2021