Цвет маркера в презентации Ксарингана

Вы можете изменить цвет маркера, добавив собственный CSS в заголовок YAML вашей презентации Xaringan.

Ниже приводится полностью воспроизводимый минимальный пример.

Файл разметки

title: "Example"
author: "Author"
date: "`r Sys.Date()`"
output:
  xaringan::moon_reader:
    css: 
        - default
        - default-fonts
        - custom.css
    lib_dir: libs
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
```

## Change bullet point colour

* An item
* Another item

Пользовательский custom.css

Мы взяли соответствующий код CSS для оформления пунктов списка из здесь.

ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

Вывод

xaringan вывод в формате html, поэтому вы можете изменять любые части с помощью css (например, используя это руководство, чтобы измените цвет маркера на красную точку. Взяв это в качестве шаблона, вы можете добавить этот фрагмент вскоре после YAML Rmd, чтобы изменить его на красную точку:

```{css, echo=F}
ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
```

Отделяйте стиль от содержания

Или, что более предпочтительно (поскольку он отделяет компонент стиля от содержимого слайда), создайте файл css, скажем style.css, который содержит:

ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

затем добавьте YAML, убедившись, что style.css находится на том же пути, что и ваш Rmd,

css: [xaringan-themer.css, style.css]

Настройка формы пули

Вы можете изменить форму пули, используя другой код Юникода, представленный в content (например, используйте \2023 для маркера треугольника - см. Другие распространенные типы здесь).

Изменение цвета пули

Вам просто нужно заменить red цветом по вашему выбору. Вы также можете заменить его шестнадцатеричным цветовым кодом.