Jekyll - Цвет фона блока кода не соответствует
У меня есть веб-сайт Jekyll, с которым я работаю локально bundle exec jekyll serve
, с использованием Minima
тема по умолчанию.
Когда я использую блок кода, цвет фона блока и цвет фона текста в блоке различаются, что приводит к уродливому представлению:
```r
filter(grepl("A", Source)) %>%
group_by(Source) %>%
summarise(Amount = sum(Amount)) %>%
mutate(Percentage = Amount / sum(Amount) * 100)
```
Эта проблема возникает для большинства языков, которые я определяю в начале блока кода, и когда язык не определен (например, ```r
, ```python
```
) но не смешно не для ```shell-script
,
Подходящий _sass/minima/_base.scss
раздел (я думаю) выглядит так:
/**
* Blockquotes
*/
blockquote {
color: $grey-color;
border-left: 4px solid $grey-color-light;
padding-left: $spacing-unit / 2;
@include relative-font-size(1.125);
letter-spacing: -1px;
font-style: italic;
> :last-child {
margin-bottom: 0;
}
}
/**
* Code formatting
*/
pre,
code {
@include relative-font-size(0.9375);
border: 1px solid $grey-color-light;
border-radius: 3px;
background-color: #e6e6e6;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px;
overflow-x: auto;
> code {
border: 0;
padding-right: 0;
padding-left: 0;
}
}
Как сделать, чтобы весь блок кода использовал серый цвет, используемый в настоящее время только для фона текста?
edit: после отключения подсветки синтаксиса в руге блоки кода отображаются корректно вместе с подсветкой синтаксиса.
редактировать: эта проблема также возникает, когда сайт построен с GitHub страниц