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 страниц

0 ответов

Другие вопросы по тегам