garrick
/
xaringanthemer
зеркало из https://github.com/gadenbuie/xaringanthemer.git
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Релизы 10 Вики Активность
Просмотр исходного кода

Deploy from Github Actions build 1268367585 [ci skip] 

Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/1268367585
Commit: edfa3c7c36
gh-pages
GitHub 4 лет назад
Родитель
263a210df9
Сommit
b9d0c5d545
84 измененных файлов: 4112 добавлений и 1865 удалений
Разделённый вид Показать статистику Diff
  1. +42
    -11
      dev/404.html
  2. +42
    -11
      dev/LICENSE-text.html
  3. +43
    -12
      dev/LICENSE.html
  4. Двоичные данные
      dev/apple-touch-icon-120x120.png
  5. Двоичные данные
      dev/apple-touch-icon-152x152.png
  6. Двоичные данные
      dev/apple-touch-icon-180x180.png
  7. Двоичные данные
      dev/apple-touch-icon-60x60.png
  8. Двоичные данные
      dev/apple-touch-icon-76x76.png
  9. Двоичные данные
      dev/apple-touch-icon.png
  10. +97
    -36
      dev/articles/fonts.html
  11. +15
    -0
      dev/articles/fonts_files/accessible-code-block-0.0.1/empty-anchor.js
  12. +406
    -0
      dev/articles/ggplot2-themes.html
  13. +15
    -0
      dev/articles/ggplot2-themes_files/accessible-code-block-0.0.1/empty-anchor.js
  14. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png
  15. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png
  16. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png
  17. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png
  18. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png
  19. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png
  20. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png
  21. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/text demo-1.png
  22. Двоичные данные
      dev/articles/ggplot2-themes_files/figure-html/text-demo-2-1.png
  23. +44
    -11
      dev/articles/index.html
  24. +116
    -46
      dev/articles/template-variables.html
  25. +15
    -0
      dev/articles/template-variables_files/accessible-code-block-0.0.1/empty-anchor.js
  26. +79
    -39
      dev/articles/themes.html
  27. +15
    -0
      dev/articles/themes_files/accessible-code-block-0.0.1/empty-anchor.js
  28. +185
    -110
      dev/articles/xaringanthemer.html
  29. +15
    -0
      dev/articles/xaringanthemer_files/accessible-code-block-0.0.1/empty-anchor.js
  30. +42
    -11
      dev/authors.html
  31. Двоичные данные
      dev/favicon-16x16.png
  32. Двоичные данные
      dev/favicon-32x32.png
  33. Двоичные данные
      dev/favicon.ico
  34. +80
    -43
      dev/index.html
  35. Двоичные данные
      dev/logo.png
  36. +83
    -15
      dev/news/index.html
  37. +2
    -2
      dev/pkgdown.css
  38. +4
    -3
      dev/pkgdown.yml
  39. Двоичные данные
      dev/reference/Rplot001.png
  40. Двоичные данные
      dev/reference/Rplot002.png
  41. Двоичные данные
      dev/reference/apply_alpha-1.png
  42. +52
    -17
      dev/reference/apply_alpha.html
  43. Двоичные данные
      dev/reference/choose_dark_or_light-1.png
  44. +56
    -20
      dev/reference/choose_dark_or_light.html
  45. Двоичные данные
      dev/reference/figures/index-theme_xaringan_demo-1.png
  46. +1
    -0
      dev/reference/figures/lifecycle-archived.svg
  47. +1
    -0
      dev/reference/figures/lifecycle-defunct.svg
  48. +1
    -0
      dev/reference/figures/lifecycle-deprecated.svg
  49. +1
    -0
      dev/reference/figures/lifecycle-experimental.svg
  50. +1
    -0
      dev/reference/figures/lifecycle-maturing.svg
  51. +1
    -0
      dev/reference/figures/lifecycle-questioning.svg
  52. +1
    -0
      dev/reference/figures/lifecycle-stable.svg
  53. +1
    -0
      dev/reference/figures/lifecycle-superseded.svg
  54. Двоичные данные
      dev/reference/figures/logo.png
  55. +52
    -16
      dev/reference/google_font.html
  56. +49
    -15
      dev/reference/google_language_codes.html
  57. +43
    -12
      dev/reference/index.html
  58. Двоичные данные
      dev/reference/lighten_darken_color-1.png
  59. +56
    -20
      dev/reference/lighten_darken_color.html
  60. Двоичные данные
      dev/reference/scale_xaringan-1.png
  61. +142
    -106
      dev/reference/scale_xaringan.html
  62. +173
    -102
      dev/reference/style_duo.html
  63. +180
    -107
      dev/reference/style_duo_accent.html
  64. +181
    -108
      dev/reference/style_duo_accent_inverse.html
  65. +61
    -29
      dev/reference/style_extra_css.html
  66. +172
    -101
      dev/reference/style_mono_accent.html
  67. +172
    -101
      dev/reference/style_mono_accent_inverse.html
  68. +172
    -101
      dev/reference/style_mono_dark.html
  69. +172
    -101
      dev/reference/style_mono_light.html
  70. +169
    -98
      dev/reference/style_solarized_dark.html
  71. +169
    -98
      dev/reference/style_solarized_light.html
  72. +164
    -93
      dev/reference/style_xaringan.html
  73. Двоичные данные
      dev/reference/theme_xaringan-1.png
  74. +87
    -52
      dev/reference/theme_xaringan.html
  75. Двоичные данные
      dev/reference/theme_xaringan_base-1.png
  76. Двоичные данные
      dev/reference/theme_xaringan_base-2.png
  77. +126
    -89
      dev/reference/theme_xaringan_base.html
  78. +53
    -15
      dev/reference/theme_xaringan_get_value.html
  79. Двоичные данные
      dev/reference/theme_xaringan_inverse-1.png
  80. +89
    -52
      dev/reference/theme_xaringan_inverse.html
  81. +53
    -22
      dev/reference/theme_xaringan_set_defaults.html
  82. +65
    -23
      dev/reference/xaringanthemer-deprecated.html
  83. +53
    -17
      dev/reference/xaringanthemer-package.html
  84. +3
    -0
      dev/sitemap.xml

+ 42
- 11
dev/404.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Page not found (404) • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="https://pkg.garrickadenbuie.com/xaringanthemer//favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://pkg.garrickadenbuie.com/xaringanthemer//favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://pkg.garrickadenbuie.com/xaringanthemer//apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="https://pkg.garrickadenbuie.com/xaringanthemer//apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="https://pkg.garrickadenbuie.com/xaringanthemer//apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="https://pkg.garrickadenbuie.com/xaringanthemer//apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="Page not found (404)" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="articles/themes.html">Themes</a>
</li>
<li>
<a href="articles/fonts.html">Fonts</a>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -160,7 +191,7 @@ Content not found. Please use links in the navbar.
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 42
- 11
dev/LICENSE-text.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>License • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="License" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="articles/themes.html">Themes</a>
</li>
<li>
<a href="articles/fonts.html">Fonts</a>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -162,7 +193,7 @@ COPYRIGHT HOLDER: Garrick Aden-Buie
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 43
- 12
dev/LICENSE.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>MIT License • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="MIT License" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="articles/themes.html">Themes</a>
</li>
<li>
<a href="articles/fonts.html">Fonts</a>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -142,7 +173,7 @@

<div id="mit-license" class="section level1">

<p>Copyright (c) 2018 Garrick Aden-Buie</p>
<p>Copyright (c) 2020 Garrick Aden-Buie</p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p>
<p>THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
@@ -166,7 +197,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/apple-touch-icon-120x120.png Просмотреть файл

Before After
Width: 120  |  Height: 120  |  Size: 16KB

Двоичные данные
dev/apple-touch-icon-152x152.png Просмотреть файл

Before After
Width: 152  |  Height: 152  |  Size: 22KB

Двоичные данные
dev/apple-touch-icon-180x180.png Просмотреть файл

Before After
Width: 180  |  Height: 180  |  Size: 28KB

Двоичные данные
dev/apple-touch-icon-60x60.png Просмотреть файл

Before After
Width: 60  |  Height: 60  |  Size: 6.2KB

Двоичные данные
dev/apple-touch-icon-76x76.png Просмотреть файл

Before After
Width: 76  |  Height: 76  |  Size: 8.5KB

Двоичные данные
dev/apple-touch-icon.png Просмотреть файл

Before After
Width: 180  |  Height: 180  |  Size: 28KB

+ 97
- 36
dev/articles/fonts.html Просмотреть файл

@@ -6,6 +6,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fonts • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
@@ -14,6 +20,7 @@
<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Fonts">
<meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
@@ -36,7 +43,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -52,35 +59,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -94,7 +124,7 @@


</header><div class="row">
</header><script src="fonts_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1 data-toc-skip>Fonts</h1>
@@ -108,50 +138,81 @@
<!-- Need to set [adding-custom-css] -->
<p><link href="https://fonts.googleapis.com/css2?family=Cabin:wght@600&amp;family=Noto+Sans&amp;display=swap" rel="stylesheet"></p>
<style type="text/css">
.cabin {
font-family: Cabin;
font-weight: 600
}
.noto-sans {
font-family: 'Noto Sans';
}
.font-preview {
padding: 1em;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #dddddd;
border-radius: 3px;
font-size: 1.25em;
}
</style>
<div id="default-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
<p><strong>xaringanthemer</strong> by default uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(
<span class="kw">text_font_family</span> <span class="kw">=</span> <span class="st">"Droid Serif"</span>,
<span class="kw">text_font_url</span> <span class="kw">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
)</pre></body></html></div>
<p>The default heading and body fonts used in <strong>xaringanthemer</strong> are different than the xaringan default fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text.</p>
<div class="font-preview">
<p style="font-size: 1.5em" class="cabin">
A Cabin in the Clearing
</p>
<p class="noto-sans">
Pack my box with five dozen liquor jugs. Amazingly few discotheques provide jukeboxes.
</p>
</div>
<p>These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.org/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,
text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Yanone Kaffeesatz"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
</div>
<div id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#custom-and-google-font-fonts" class="anchor"></a>Custom and <em>Google Font</em> Fonts</h3>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
<span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
<span class="kw">text_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),
<span class="kw">code_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
)</pre></body></html></div>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,
text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,
code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
<p>If you set an <code>&lt;type&gt;_font_google</code> theme arguments, then <code>&lt;type&gt;_font_family</code>, <code>&lt;type&gt;_font_weight</code> and <code>&lt;type&gt;_font_url</code> are overwritten – where <code>&lt;type&gt;</code> is one of <code>header</code>, <code>text</code>, or <code>code</code>.</p>
<p>To use a font hosted outside of Google fonts, you need to provide both <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>. For example, suppose you want to use a code font with ligatures for your code chunks, such as <a href="https://github.com/tonsky/FiraCode">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
<div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
<span class="kw">code_font_family</span> <span class="kw">=</span> <span class="st">"Fira Code"</span>,
<span class="kw">code_font_url</span> <span class="kw">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
)</pre></body></html></div>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span>
code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
<span class="op">)</span></code></pre></div>
<p>Remember that you need to supply either <code>&lt;type&gt;_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>.</p>
</div>
<div id="using-additional-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
<div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
<span class="kw">extra_fonts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,
<span class="co"># Young Serif by uplaod.fr</span>
<span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
),
<span class="kw">extra_css</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="st">".title-slide h2"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"Sofia"</span>),
<span class="kw">blockquote</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"youngserifregular"</span>)
)
)</pre></body></html></div>
<span class="op">)</span>,
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".title-slide h2"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,
blockquote <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span></code></pre></div>
</div>
</div>

@@ -168,7 +229,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 15
- 0
dev/articles/fonts_files/accessible-code-block-0.0.1/empty-anchor.js Просмотреть файл

@@ -0,0 +1,15 @@
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
// v0.0.1
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.

document.addEventListener('DOMContentLoaded', function() {
const codeList = document.getElementsByClassName("sourceCode");
for (var i = 0; i < codeList.length; i++) {
var linkList = codeList[i].getElementsByTagName('a');
for (var j = 0; j < linkList.length; j++) {
if (linkList[j].innerHTML === "") {
linkList[j].setAttribute('aria-hidden', 'true');
}
}
}
});

+ 406
- 0
dev/articles/ggplot2-themes.html Просмотреть файл

@@ -0,0 +1,406 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ggplot2 Themes • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="ggplot2 Themes">
<meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
<meta name="robots" content="noindex">
<!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target="#toc">
<div class="container template-article">
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
</li>
<li>
<a href="../reference/index.html">Reference</a>
</li>
<li>
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->


</header><script src="ggplot2-themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1 data-toc-skip>ggplot2 Themes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/ggplot2-themes.Rmd"><code>vignettes/ggplot2-themes.Rmd</code></a></small>
<div class="hidden name"><code>ggplot2-themes.Rmd</code></div>

</div>

<style type="text/css">
img { max-width: 100%; border: none; }
</style>
<p><strong>xaringanthemer</strong> provides two <a href="https://ggplot2.tidyverse.org">ggplot2</a> themes for your <a href="https://github.com/yihui/xaringan">xaringan</a> slides to help your data visualizations blend seamlessly into your slides. Use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to create plots that match your primary slide style or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to match the style of your inverse slides.</p>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/theme-xaringan-inverse.png" alt="Examples slides with ggplot2 plots that match the xaringanthemer theme" data-external="1"></p>
<div id="key-features" class="section level3">
<h3 class="hasAnchor">
<a href="#key-features" class="anchor"></a>Key Features</h3>
<ul>
<li><p>The ggplot2 themes <a href="#setup-your-theme">uses the colors and themes</a> from the <strong>xaringanthemer</strong> style functions, if you set your theme inside your slides. Otherwise, it <a href="#using-xaringan-themer-css">draws from the <code>xaringan-themer.css</code> file</a>.</p></li>
<li><p>The themes <a href="#colors">pick appropriate colors</a> for titles, grid lines, and axis text, and also sets the default colors of geoms like <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html">ggplot2::geom_point()</a></code> and <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html">ggplot2::geom_text()</a></code>. There are also monotone <a href="#scale-xaringan">color and fill scales</a> based around the primary accent color used in your xaringan theme.</p></li>
<li><p>If you use Google Fonts in your slides, the ggplot2 themes use the showtext package to <a href="#fonts">automatically match the title and axis text fonts</a> of your plots to the heading and text fonts in your xaringan theme.</p></li>
<li><p>I’ve done my best to set up everything so that <em>it just works</em>, but sometimes the showtext package adds a bit of complication to the routine data visualization workflow. At the end of this vignette I include <a href="#tips">a few tips</a> for working with showtext.</p></li>
</ul>
</div>
<div id="setup-your-theme" class="section level2">
<h2 class="hasAnchor">
<a href="#setup-your-theme" class="anchor"></a>Setup Your Theme</h2>
<p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is designed to automatically use the fonts and colors you used for your slides’ style theme. Here I’m going to use a moderately customized color theme based on <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, that results in the xaringan theme previewed in the slides above.</p>
<p>I’ve also picked out a few fonts from <a href="https://fonts.google.com">Google Fonts</a> that I would probably never use in a real presentation, but they’re flashy enough to make it easy to see that we’re not using the standard default fonts.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb1-1"><a href="#cb1-1"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span>
<span id="cb1-2"><a href="#cb1-2"></a><span class="bn">library(xaringanthemer)</span></span>
<span id="cb1-3"><a href="#cb1-3"></a><span class="bn">style_mono_accent(</span></span>
<span id="cb1-4"><a href="#cb1-4"></a><span class="bn"> base_color = "#DC322F", # bright red</span></span>
<span id="cb1-5"><a href="#cb1-5"></a><span class="bn"> inverse_background_color = "#002B36", # dark dark blue</span></span>
<span id="cb1-6"><a href="#cb1-6"></a><span class="bn"> inverse_header_color = "#31b09e", # light aqua green</span></span>
<span id="cb1-7"><a href="#cb1-7"></a><span class="bn"> inverse_text_color = "#FFFFFF", # white</span></span>
<span id="cb1-8"><a href="#cb1-8"></a><span class="bn"> title_slide_background_color = "var(--base)",</span></span>
<span id="cb1-9"><a href="#cb1-9"></a><span class="bn"> text_font_google = google_font("Kelly Slab"),</span></span>
<span id="cb1-10"><a href="#cb1-10"></a><span class="bn"> header_font_google = google_font("Oleo Script")</span></span>
<span id="cb1-11"><a href="#cb1-11"></a><span class="bn">)</span></span>
<span id="cb1-12"><a href="#cb1-12"></a><span class="bn">```</span></span></code></pre></div>
<p>If you use a hidden chunk like this one inside your slides’ R Markdown source file, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will know which colors and fonts you’ve picked.</p>
<p>Adding <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to a ggplot, like this demonstration plot using the <code>mpg</code> dataset from ggplot2, changes the colors and fonts of your plot theme.</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>

<span class="va">g_base</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span><span class="va">hwy</span>, <span class="va">cty</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</span>

<span class="co"># Basic plot with default theme</span>
<span class="va">g_base</span></code></pre></div>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># Fancy slide-matching themed plot</span>
<span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"></p>
<p>With <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> the fonts and colors match the slide theme. The default colors of points (like other geometries) has been changed as well to match the slide colors.</p>
<p>To restore the previous default colors of ggplot2 geoms, call</p>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p>Add <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> to automatically create a plot that matches the inverse slide style.</p>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># theme_xaringan() on the left, theme_xaringan_inverse() on the right</span>
<span class="va">g_base</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png" width="48%"></p>
</div>
<div id="using-xaringan-themer-css" class="section level2">
<h2 class="hasAnchor">
<a href="#using-xaringan-themer-css" class="anchor"></a>Using <code>theme_xaringan()</code> without calling a style function</h2>
<p>Once you’ve set up your custom xaringan theme, you might want to use the theme’s CSS file for new presentations instead of rebuilding your theme with every new slide deck.</p>
<p>In these cases, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will look for a CSS file written by <strong>xaringanthemer</strong> in your slides’ directory or in a sub-folder under the same directory that it can use to determine the colors and fonts used in your slides.</p>
<p>If you happen to have multiple slide themes written by <strong>xaringanthemer</strong> in the same directory, the one named <code>xaringan-themer.css</code> will be used. If xaringanthemer picks the wrong file, you can use the <code>css_file</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to specify exactly which CSS file to use.</p>
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>css_file <span class="op">=</span> <span class="st">"my-slide-style.css"</span><span class="op">)</span></code></pre></div>
<p>Note that you can use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> anywhere you want, not just in xaringan slides! (For example, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> is working great in these vignettes!) This means that you can use your plot theme in reports and websites while maintaining a consistent look and feel or brand.</p>
<p>Finally, you don’t even need a xaringanthemer CSS file. You can specify the key ingredients for the theme as arguments to <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, namely text, background, and accent colors as well as text and title fonts.</p>
<p>The R chunk below replicated the demonstrated theme, but doesn’t require a slide style to be set or stored in a CSS file.</p>
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>
text_color <span class="op">=</span> <span class="st">"#3D3E38"</span>,
background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span>,
accent_color <span class="op">=</span> <span class="st">"#DC322F"</span>,
text_font <span class="op">=</span> <span class="st">"Kelly Slab"</span>,
text_font_use_google <span class="op">=</span> <span class="cn">TRUE</span>,
title_font <span class="op">=</span> <span class="st">"Oleo Script"</span>,
title_font_use_google <span class="op">=</span> <span class="cn">TRUE</span>
<span class="op">)</span></code></pre></div>
</div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<p>As demonstrated above, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> modify the default colors and fonts of geometries. This means that <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html">geom_point()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html">geom_text()</a></code> and other geoms used in your plots will reasonably match your slide themes with no extra work.</p>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">g_diamonds</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="cn">NULL</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/lims.html">ylim</a></span><span class="op">(</span><span class="fl">0</span>, <span class="fl">25000</span><span class="op">)</span>

<span class="va">g_diamonds</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/demo-geom-defaults-1.png" width="960"></p>
<p>Whenever <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> are called, the default values of many of ggplot2 geoms are set by default. You can opt out of this by setting <code>set_ggplot_defaults = FALSE</code> when using either theme. You can also restore the geom aesthetic defaults to their original values before the first time <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> or <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> were used by running</p>
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<div id="scale-xaringan" class="section level3">
<h3 class="hasAnchor">
<a href="#scale-xaringan" class="anchor"></a>Custom Color and Fill Scales</h3>
<p>xaringanthemer includes monotone color and fill scales to match your ggplot2 theme. The scale functions all follow the naming pattern <code>scale_xaringan_&lt;aes&gt;_&lt;data_type&gt;()</code>, where <code>&lt;aes&gt;</code> is replaced with either <code>color</code> or <code>fill</code> and <code>&lt;data_type&gt;</code> is one of <code>discrete</code> or <code>continuous</code>.</p>
<p>These scales use <code><a href="https://colorspace.R-Forge.R-project.org//reference/hcl_palettes.html">colorspace::sequential_hcl()</a></code> to create a sequential, monotone color scale based on the primary accent color in your slides. Color scales matching the inverse slides are possible by setting the argument <code>inverse = TRUE</code>.</p>
<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>fill <span class="op">=</span> <span class="va">..count..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="st">"Count"</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_continuous</a></span><span class="op">(</span><span class="op">)</span>

<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">hwy</span>, y <span class="op">=</span> <span class="va">cty</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_count.html">geom_count</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>color <span class="op">=</span> <span class="va">..n..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_color_continuous</a></span><span class="op">(</span>breaks <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/seq.html">seq</a></span><span class="op">(</span><span class="fl">3</span>, <span class="fl">12</span>, <span class="fl">2</span><span class="op">)</span>, inverse <span class="op">=</span> <span class="cn">TRUE</span>, begin <span class="op">=</span> <span class="fl">1</span>, end <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/scale-xaringan-1.png" width="48%"><img src="ggplot2-themes_files/figure-html/scale-xaringan-2.png" width="48%"></p>
<p>In general, these color scales aren’t great at representing the underlying data. In both examples above, the color and fill scales duplicate information displayed via other aesthetics (the height of the bar or the size of the point). I recommend using these scales primarily for style, although the scales can be more or less effective depending on your color scheme.</p>
<p>The scales come with a few more options:</p>
<ul>
<li><p>Choose a different primary color using the <code>color</code> argument.</p></li>
<li><p>Use the inverse color slide theme color with <code>inverse = TRUE</code> (only applies when <code>color</code> is not supplied).</p></li>
<li><p>Invert the direction of the discrete scales with <code>direction = -1</code>.</p></li>
<li><p>Control the range of the continuous color scale used with <code>begin</code> and <code>end</code>. You can also invert the direction of the continuous color scale by setting <code>begin = 1</code> and <code>end = 0</code>.</p></li>
</ul>
</div>
</div>
<div id="fonts" class="section level2">
<h2 class="hasAnchor">
<a href="#fonts" class="anchor"></a>Fonts</h2>
<div id="automatically-match-slide-and-plot-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3>
<p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p>
<p>In your slide theme, use the <code>&lt;type&gt;_font_google</code> argument with the <code><a href="../reference/google_font.html">google_font("&lt;font name&gt;")</a></code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p>
<ul>
<li>
<code>text_font_google = google_font("Kelley Slab")</code> and</li>
<li>
<code>header_font_google = google_font("Oleo Script")</code>.</li>
</ul>
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">g_diamonds_with_text</span> <span class="op">&lt;-</span>
<span class="va">g_diamonds</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_text.html">geom_text</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>y <span class="op">=</span> <span class="va">..count..</span>, label <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/format.html">format</a></span><span class="op">(</span><span class="va">..count..</span>, big.mark <span class="op">=</span> <span class="st">","</span><span class="op">)</span><span class="op">)</span>,
vjust <span class="op">=</span> <span class="op">-</span><span class="fl">0.30</span>, size <span class="op">=</span> <span class="fl">8</span>, stat <span class="op">=</span> <span class="st">"count"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Cut"</span>, y <span class="op">=</span> <span class="st">"Count"</span><span class="op">)</span>

<span class="va">g_diamonds_with_text</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/text%20demo-1.png" width="960"></p>
<p><code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> applies the header font to the plot and axis titles and the text font to the axis ticks labels and any text geoms or annotations.</p>
</div>
<div id="manually-specify-plot-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#manually-specify-plot-fonts" class="anchor"></a>Manually specify plot fonts</h3>
<p>You can also specify specific fonts for your plot theme. Both <code>text_font</code> and <code>title_font</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> accept <code><a href="../reference/google_font.html">google_font()</a></code>s directly.</p>
<div class="sourceCode" id="cb12"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">g_diamonds_with_text</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>
text_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Ranga"</span><span class="op">)</span>,
title_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Holtwood One SC"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/text-demo-2-1.png" width="960"></p>
</div>
<div id="using-fonts-not-in-google-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3>
<p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p>
<p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org">fontlibrary.org</a>. In my theme style function, I would use</p>
<pre><code><a href="../reference/style_mono_accent.html">style_mono_accent(
text_font_family = "GlacialIndifferenceRegular",
text_font_url = "https://fontlibrary.org/face/glacial-indifference"
)</a></code></pre>
<p>but sysfonts won’t know where to find the TTF font files for this font.</p>
<p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p>
<p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p>
<div class="sourceCode" id="cb14"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">font_url</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/file.path.html">file.path</a></span><span class="op">(</span>
<span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>,
<span class="st">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</span>,
<span class="st">"GlacialIndifferenceRegular.ttf"</span>
<span class="op">)</span>

<span class="va">font_temp</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html">tempfile</a></span><span class="op">(</span><span class="op">)</span>
<span class="fu"><a href="https://rdrr.io/r/utils/download.file.html">download.file</a></span><span class="op">(</span><span class="va">font_url</span>, <span class="va">font_temp</span><span class="op">)</span></code></pre></div>
<div class="sourceCode" id="cb15"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># Path to the local custom font file</span>
<span class="va">font_temp</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html">system.file</a></span><span class="op">(</span>
<span class="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package <span class="op">=</span> <span class="st">"xaringanthemer"</span>
<span class="op">)</span>

<span class="co"># Register the font with sysfonts/showtext</span>
<span class="fu">sysfonts</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">font_add</a></span><span class="op">(</span>family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>, regular <span class="op">=</span> <span class="va">font_temp</span><span class="op">)</span>

<span class="co"># Now it's available for use!</span>
<span class="va">g_diamonds_with_text</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>
text_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,
title_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>
<span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png" width="960"></p>
</div>
</div>
<div id="tips" class="section level2">
<h2 class="hasAnchor">
<a href="#tips" class="anchor"></a>Tips for using the showtext package</h2>
<p>Working with fonts is notoriously frustrating, but <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> do a great job ensuring that Google Fonts and custom fonts work on all platforms. As you’ve seen in the examples above, the process is mostly seamless, but there are a few caveats and places where the methods used by these packages may interrupt a typical ggplot2 workflow.</p>
<div id="r-markdown" class="section level3">
<h3 class="hasAnchor">
<a href="#r-markdown" class="anchor"></a>R Markdown</h3>
<p>To use the showtext package in R Markdown, knitr requires that the <code>fig.showtext</code> chunk option be set to <code>TRUE</code>, either in the chunk producing the figure or globally in the document.</p>
<p>xaringanthemer tries to set this chunk option for you, but in some circumstances it’s possible to call <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> in a way that xaringanthemer can’t set this option for you. When this happens, xaringanthemer will produce an error:</p>
<pre><code>Error in verify_fig_showtext(fn) :
To use theme_xaringan_base() with knitr, you need to set the chunk
option `fig.showtext = TRUE` for this chunk. Or you can set this option
globally with `knitr::opts_chunk$set(fig.showtext = TRUE)`.</code></pre>
<p>If you find yourself facing this error, follow the instructions and choose one of the two suggestions:</p>
<ol style="list-style-type: decimal">
<li><p>Add <code>fig.showtext = TRUE</code> to the chunk producing the figure</p></li>
<li><p>Or set the option globally in your <code>setup</code> chunk with <code>knitr::opts_chunk$set(fig.showtext = TRUE)</code>.</p></li>
</ol>
</div>
<div id="macos" class="section level3">
<h3 class="hasAnchor">
<a href="#macos" class="anchor"></a>MacOS</h3>
<p>On MacOS, you’ll need to have <code>xquartz</code> installed for <code>sysfonts</code> to work properly. If you use <a href="https://brew.sh/">homebrew</a>, you can install <code>xquartz</code> with</p>
<div class="sourceCode" id="cb17"><pre class="sourceCode bash"><code class="sourceCode bash"><span id="cb17-1"><a href="#cb17-1"></a><span class="ex">brew</span> cask install xquartz</span></code></pre></div>
</div>
<div id="in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#in-rstudio" class="anchor"></a>In RStudio</h3>
<p>showtext and RStudio’s graphic device don’t always work well together. Depending on your version of RStudio, if you try to preview plots that use <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, the fonts in the preview will still be the default sans font or you may not see a plot at all.</p>
<p>To work around this, open a new <code><a href="https://rdrr.io/r/grDevices/quartz.html">quartz()</a></code> (MacOS) or <code><a href="https://rdrr.io/r/grDevices/x11.html">x11()</a></code> (Windows/Unix) plot device. The plots will then render in a separate window. I usually create a <code><a href="https://rdrr.io/r/grDevices/quartz.html">quartz()</a></code> device with a similar size ratio to my slides.</p>
<div class="sourceCode" id="cb18"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co">## On Windows</span>
<span class="co"># x11(width = 16 * 2/3, height = 9 * 2/3)</span>

<span class="co">## On MacOS</span>
<span class="fu"><a href="https://rdrr.io/r/grDevices/quartz.html">quartz</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">16</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span>, height <span class="op">=</span> <span class="fl">9</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span><span class="op">)</span>
<span class="co">## run plot code to preview in separate window</span>
<span class="fu"><a href="https://rdrr.io/r/grDevices/dev.html">dev.off</a></span><span class="op">(</span><span class="op">)</span> <span class="co"># call when done to close the device</span></code></pre></div>
</div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

<nav id="toc" data-toggle="toc"><h2 data-toc-skip>Contents</h2>
</nav>
</div>

</div>



<footer><div class="copyright">
<p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>
</div>



</body>
</html>

+ 15
- 0
dev/articles/ggplot2-themes_files/accessible-code-block-0.0.1/empty-anchor.js Просмотреть файл

@@ -0,0 +1,15 @@
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
// v0.0.1
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.

document.addEventListener('DOMContentLoaded', function() {
const codeList = document.getElementsByClassName("sourceCode");
for (var i = 0; i < codeList.length; i++) {
var linkList = codeList[i].getElementsByTagName('a');
for (var j = 0; j < linkList.length; j++) {
if (linkList[j].innerHTML === "") {
linkList[j].setAttribute('aria-hidden', 'true');
}
}
}
});

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png Просмотреть файл

Before After
Width: 1920  |  Height: 768  |  Size: 45KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png Просмотреть файл

Before After
Width: 1152  |  Height: 768  |  Size: 50KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png Просмотреть файл

Before After
Width: 1152  |  Height: 768  |  Size: 76KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png Просмотреть файл

Before After
Width: 1152  |  Height: 768  |  Size: 75KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png Просмотреть файл

Before After
Width: 1728  |  Height: 960  |  Size: 50KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png Просмотреть файл

Before After
Width: 1728  |  Height: 960  |  Size: 93KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png Просмотреть файл

Before After
Width: 1920  |  Height: 768  |  Size: 75KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/text demo-1.png Просмотреть файл

Before After
Width: 1920  |  Height: 768  |  Size: 66KB

Двоичные данные
dev/articles/ggplot2-themes_files/figure-html/text-demo-2-1.png Просмотреть файл

Before After
Width: 1920  |  Height: 768  |  Size: 80KB

+ 44
- 11
dev/articles/index.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Articles • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="Articles" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,6 +178,8 @@
<dl>
<dt><a href="fonts.html">Fonts</a></dt>
<dd></dt>
<dt><a href="ggplot2-themes.html">ggplot2 Themes</a></dt>
<dd></dt>
<dt><a href="template-variables.html">Template Variables</a></dt>
<dd></dt>
<dt><a href="themes.html">Themes</a></dt>
@@ -165,7 +198,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 116
- 46
dev/articles/template-variables.html Просмотреть файл

@@ -6,6 +6,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Template Variables • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
@@ -14,6 +20,7 @@
<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Template Variables">
<meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
@@ -36,7 +43,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -52,35 +59,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -94,7 +124,7 @@


</header><div class="row">
</header><script src="template-variables_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1 data-toc-skip>Template Variables</h1>
@@ -113,6 +143,14 @@
<p>Note that some theme functions, like <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, have additional parameters and a specific set of default values unique to the theme. However, with any theme function you can override the theme’s defaults by directly setting any of the arguments listed below when calling the theme function.</p>
<p>To be concrete, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> has three additional arguments: <code>base_color</code> (the accent color), <code>white_color</code>, and <code>black_color</code>. In this theme, the background slide color defaults to <code>white_color</code>, but you can choose a different slide background color by setting <code>background_color</code>, for example <code>background_color = "#EAEAEA"</code>.</p>
<table class="table">
<colgroup>
<col width="7%">
<col width="48%">
<col width="10%">
<col width="17%">
<col width="10%">
<col width="6%">
</colgroup>
<thead><tr class="header">
<th align="left">Variable</th>
<th align="left">Description</th>
@@ -188,7 +226,7 @@
</tr>
<tr class="odd">
<td align="left"><code>background_size</code></td>
<td align="left">Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent</td>
<td align="left">Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the background fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent</td>
<td align="left">.remark-slide-content</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>
<td align="left">NULL</td>
@@ -268,6 +306,14 @@
<td align="left"><code>--inverse-header-color</code></td>
</tr>
<tr class="odd">
<td align="left"><code>inverse_link_color</code></td>
<td align="left">Inverse Link Color</td>
<td align="left">.inverse a, .inverse a &gt; code</td>
<td align="left"></td>
<td align="left">link_color</td>
<td align="left"><code>--inverse-link-color</code></td>
</tr>
<tr class="even">
<td align="left"><code>title_slide_text_color</code></td>
<td align="left">Title Slide Text Color</td>
<td align="left">.title-slide</td>
@@ -275,7 +321,7 @@
<td align="left">inverse_text_color</td>
<td align="left"><code>--title-slide-text-color</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>title_slide_background_color</code></td>
<td align="left">Title Slide Background Color</td>
<td align="left">.title-slide</td>
@@ -283,7 +329,7 @@
<td align="left">inverse_background_color</td>
<td align="left"><code>--title-slide-background-color</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>title_slide_background_image</code></td>
<td align="left">Title Slide Background Image URL</td>
<td align="left">.title-slide</td>
@@ -291,7 +337,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>title_slide_background_size</code></td>
<td align="left">Title Slide Background Image Size, defaults to “cover” if background image is set</td>
<td align="left">.title-slide</td>
@@ -299,7 +345,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>title_slide_background_position</code></td>
<td align="left">Title Slide Background Image Position</td>
<td align="left">.title-slide</td>
@@ -307,7 +353,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>footnote_color</code></td>
<td align="left">Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>)</td>
<td align="left">.footnote</td>
@@ -315,7 +361,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>footnote_font_size</code></td>
<td align="left">Footnote font size</td>
<td align="left">.footnote</td>
@@ -323,7 +369,7 @@
<td align="left">0.9em</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>footnote_position_bottom</code></td>
<td align="left">Footnote location from bottom of screen</td>
<td align="left">.footnote</td>
@@ -331,7 +377,7 @@
<td align="left">60px</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>left_column_subtle_color</code></td>
<td align="left">Left Column Text (not last)</td>
<td align="left">.left-column h2, .left-column h3</td>
@@ -339,7 +385,7 @@
<td align="left">#777</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>left_column_selected_color</code></td>
<td align="left">Left Column Current Selection</td>
<td align="left">.left-column h2:last-of-type, .left-column h3:last-child</td>
@@ -347,7 +393,7 @@
<td align="left">#000</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>blockquote_left_border_color</code></td>
<td align="left">Blockquote Left Border Color</td>
<td align="left">blockquote</td>
@@ -355,7 +401,7 @@
<td align="left">lightgray</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>table_border_color</code></td>
<td align="left">Table top/bottom border</td>
<td align="left">table: border-top, border-bottom</td>
@@ -363,7 +409,7 @@
<td align="left">#666</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>table_row_border_color</code></td>
<td align="left">Table row inner bottom border</td>
<td align="left">table thead th: border-bottom</td>
@@ -371,7 +417,7 @@
<td align="left">#ddd</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>table_row_even_background_color</code></td>
<td align="left">Table Even Row Background Color</td>
<td align="left">thead, tfoot, tr:nth-child(even)</td>
@@ -379,7 +425,7 @@
<td align="left">#eee</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>base_font_size</code></td>
<td align="left">Base Font Size for All Slide Elements (must be <code>px</code>)</td>
<td align="left">html</td>
@@ -387,7 +433,7 @@
<td align="left">20px</td>
<td align="left"><code>--base-font-size</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>text_font_size</code></td>
<td align="left">Slide Body Text Font Size</td>
<td align="left">.remark-slide-content</td>
@@ -395,7 +441,7 @@
<td align="left">1rem</td>
<td align="left"><code>--text-font-size</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>header_h1_font_size</code></td>
<td align="left">h1 Header Text Font Size</td>
<td align="left">.remark-slide-content h1</td>
@@ -403,7 +449,7 @@
<td align="left">2.75rem</td>
<td align="left"><code>--header-h1-font-size</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>header_h2_font_size</code></td>
<td align="left">h2 Header Text Font Size</td>
<td align="left">.remark-slide-content h2</td>
@@ -411,7 +457,7 @@
<td align="left">2.25rem</td>
<td align="left"><code>--header-h2-font-size</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>header_h3_font_size</code></td>
<td align="left">h3 Header Text Font Size</td>
<td align="left">.remark-slide-content h3</td>
@@ -419,7 +465,7 @@
<td align="left">1.75rem</td>
<td align="left"><code>--header-h3-font-size</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>header_background_auto</code></td>
<td align="left">Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable</td>
<td align="left"></td>
@@ -427,7 +473,7 @@
<td align="left">FALSE</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>header_background_color</code></td>
<td align="left">Background Color for h1 Header with Background</td>
<td align="left">.remark-slide-content h1</td>
@@ -435,7 +481,7 @@
<td align="left">header_color</td>
<td align="left"><code>--header-background-color</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>header_background_text_color</code></td>
<td align="left">Text Color for h1 Header with Background</td>
<td align="left">.remark-slide-content h1</td>
@@ -443,7 +489,7 @@
<td align="left">background_color</td>
<td align="left"><code>--header-background-text-color</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>header_background_padding</code></td>
<td align="left">Padding for h1 Header with Background</td>
<td align="left">.remark-slide-content h1</td>
@@ -451,7 +497,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>header_background_content_padding_top</code></td>
<td align="left">Top Padding for Content in Slide with Header with Background</td>
<td align="left">.remark-slide-content</td>
@@ -459,7 +505,7 @@
<td align="left">7rem</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>header_background_ignore_classes</code></td>
<td align="left">Slide Classes Where Header with Background will not be Applied</td>
<td align="left">.remark-slide-content</td>
@@ -467,15 +513,15 @@
<td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’, ‘bottom’)</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>text_slide_number_font_size</code></td>
<td align="left">Slide Number Text Font Size</td>
<td align="left">.remark-slide-number</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left">0.9em</td>
<td align="left">0.9rem</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>text_font_google</code></td>
<td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify body font</td>
<td align="left">body</td>
@@ -483,7 +529,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>text_font_family</code></td>
<td align="left">Body Text Font Family (xaringan default is <code>'Droid Serif'</code>)</td>
<td align="left">body</td>
@@ -491,7 +537,7 @@
<td align="left">xaringanthemer_font_default(“text_font_family”)</td>
<td align="left"><code>--text-font-family</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>text_font_weight</code></td>
<td align="left">Body Text Font Weight</td>
<td align="left">body</td>
@@ -499,6 +545,14 @@
<td align="left">xaringanthemer_font_default(“text_font_weight”)</td>
<td align="left"></td>
</tr>
<tr class="odd">
<td align="left"><code>text_bold_font_weight</code></td>
<td align="left">Body Bold Text Font Weight</td>
<td align="left">strong</td>
<td align="left"></td>
<td align="left">bold</td>
<td align="left"></td>
</tr>
<tr class="even">
<td align="left"><code>text_font_url</code></td>
<td align="left">Body Text Font URL(s)</td>
@@ -549,6 +603,14 @@
<td align="left"></td>
</tr>
<tr class="even">
<td align="left"><code>header_font_family_fallback</code></td>
<td align="left">Header Font Family Fallback</td>
<td align="left">h1, h2, h3</td>
<td align="left"></td>
<td align="left">Georgia, serif</td>
<td align="left"><code>--header-font-family-fallback</code></td>
</tr>
<tr class="odd">
<td align="left"><code>header_font_url</code></td>
<td align="left">Header Font URL</td>
<td align="left">
@@ -557,7 +619,7 @@
<td align="left">xaringanthemer_font_default(“header_font_url”)</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>code_font_google</code></td>
<td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify code font</td>
<td align="left">body</td>
@@ -565,7 +627,7 @@
<td align="left">NULL</td>
<td align="left"></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>code_font_family</code></td>
<td align="left">Code Font Family</td>
<td align="left">.remark-code, .remark-inline-code</td>
@@ -573,7 +635,7 @@
<td align="left">xaringanthemer_font_default(“code_font_family”)</td>
<td align="left"><code>--code-font-family</code></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>code_font_size</code></td>
<td align="left">Code Text Font Size</td>
<td align="left">.remark-inline</td>
@@ -581,7 +643,7 @@
<td align="left">0.9rem</td>
<td align="left"><code>--code-font-size</code></td>
</tr>
<tr class="even">
<tr class="odd">
<td align="left"><code>code_font_url</code></td>
<td align="left">Code Font URL</td>
<td align="left">
@@ -590,7 +652,7 @@
<td align="left">xaringanthemer_font_default(“code_font_url”)</td>
<td align="left"></td>
</tr>
<tr class="odd">
<tr class="even">
<td align="left"><code>code_font_family_fallback</code></td>
<td align="left">Code Font Fallback</td>
<td align="left">.remark-code, .remark-inline-code</td>
@@ -598,6 +660,14 @@
<td align="left">xaringanthemer_font_default(“code_font_family_fallback”)</td>
<td align="left"></td>
</tr>
<tr class="odd">
<td align="left"><code>link_decoration</code></td>
<td align="left">Text decoration of links</td>
<td align="left">a, a &gt; code</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration">text-decoration</a></td>
<td align="left">none</td>
<td align="left"></td>
</tr>
</tbody>
</table>
</div>
@@ -615,7 +685,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 15
- 0
dev/articles/template-variables_files/accessible-code-block-0.0.1/empty-anchor.js Просмотреть файл

@@ -0,0 +1,15 @@
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
// v0.0.1
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.

document.addEventListener('DOMContentLoaded', function() {
const codeList = document.getElementsByClassName("sourceCode");
for (var i = 0; i < codeList.length; i++) {
var linkList = codeList[i].getElementsByTagName('a');
for (var j = 0; j < linkList.length; j++) {
if (linkList[j].innerHTML === "") {
linkList[j].setAttribute('aria-hidden', 'true');
}
}
}
});

+ 79
- 39
dev/articles/themes.html Просмотреть файл

@@ -6,6 +6,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Themes • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
@@ -14,6 +20,7 @@
<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Themes">
<meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
@@ -36,7 +43,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -52,35 +59,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -94,7 +124,7 @@


</header><div class="row">
</header><script src="themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1 data-toc-skip>Themes</h1>
@@ -120,7 +150,8 @@
<a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
</h4>
<p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#23395b"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
</div>
<div id="style_mono_dark" class="section level4">
@@ -128,7 +159,8 @@
<a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
</h4>
<p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#cbf7ed"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
</div>
<div id="style_mono_accent" class="section level4">
@@ -136,7 +168,8 @@
<a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
</h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#43418A"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
</div>
<div id="style_mono_accent_inverse" class="section level4">
@@ -144,7 +177,8 @@
<a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
</h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#3C989E"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
</div>
</div>
@@ -157,7 +191,8 @@
<a href="#style_duo" class="anchor"></a><code>style_duo()</code>
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb5"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#1F4257"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#F97B64"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
</div>
<div id="style_duo_accent" class="section level4">
@@ -165,7 +200,8 @@
<a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb6"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
</div>
<div id="style_duo_accent_inverse" class="section level4">
@@ -173,53 +209,57 @@
<a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb7"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
</div>
</div>
<div id="solarized" class="section level3">
<h3 class="hasAnchor">
<a href="#solarized" class="anchor"></a>Solarized</h3>
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="style_solarized_light" class="section level4">
<h4 class="hasAnchor">
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4>
<div class="sourceCode" id="cb8"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()</pre></body></html></div>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
</div>
<div id="style_solarized_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4>
<div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div>
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
<p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb10-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb10-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb10-4" data-line-number="4"> <span class="fu">nature:</span></a>
<a class="sourceLine" id="cb10-5" data-line-number="5"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
<a class="sourceLine" id="cb10-6" data-line-number="6"> <span class="fu">highlightLines:</span><span class="at"> true</span></a>
<a class="sourceLine" id="cb10-7" data-line-number="7"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
<div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb10-1"><a href="#cb10-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<span id="cb10-2"><a href="#cb10-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span>
<span id="cb10-3"><a href="#cb10-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span>
<span id="cb10-4"><a href="#cb10-4"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span>
<span id="cb10-5"><a href="#cb10-5"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span>
<span id="cb10-6"><a href="#cb10-6"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span>
<span id="cb10-7"><a href="#cb10-7"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div>
</div>
</div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<p>When designing your xaringan theme, you may have additional colors in your desired color palette beyond those used in the accent colors of the mono and duotone styles.</p>
<p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define a additional colors to use in your slides. This argument takes a vector of named colors</p>
<div class="sourceCode" id="cb11"><html><body><pre class="r"><span class="no">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
<span class="kw">red</span> <span class="kw">=</span> <span class="st">"#f34213"</span>,
<span class="kw">purple</span> <span class="kw">=</span> <span class="st">"#3e2f5b"</span>,
<span class="kw">orange</span> <span class="kw">=</span> <span class="st">"#ff8811"</span>,
<span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>,
<span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>,
)</pre></body></html></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define additional colors to use in your slides. This argument takes a vector of named colors</p>
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>So slide text like this</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb12-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a>
<a class="sourceLine" id="cb12-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div>
<div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>
<p>will be rendered in HTML as</p>
<blockquote>
This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>.
@@ -243,7 +283,7 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 15
- 0
dev/articles/themes_files/accessible-code-block-0.0.1/empty-anchor.js Просмотреть файл

@@ -0,0 +1,15 @@
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
// v0.0.1
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.

document.addEventListener('DOMContentLoaded', function() {
const codeList = document.getElementsByClassName("sourceCode");
for (var i = 0; i < codeList.length; i++) {
var linkList = codeList[i].getElementsByTagName('a');
for (var j = 0; j < linkList.length; j++) {
if (linkList[j].innerHTML === "") {
linkList[j].setAttribute('aria-hidden', 'true');
}
}
}
});

+ 185
- 110
dev/articles/xaringanthemer.html Просмотреть файл

@@ -6,6 +6,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Xaringan CSS Theme Generator • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
@@ -14,6 +20,7 @@
<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Xaringan CSS Theme Generator">
<meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
@@ -36,7 +43,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -52,35 +59,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -94,7 +124,7 @@


</header><div class="row">
</header><script src="xaringanthemer_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<div class="col-md-9 contents">
<div class="page-header toc-ignore">
<h1 data-toc-skip>Xaringan CSS Theme Generator</h1>
@@ -110,42 +140,44 @@
<style type="text/css">
img { max-width: 100%; }
</style>
<p>Jump to: <a href="#quick-intro">Quick Intro</a>, <a href="#themes">Themes</a>, <a href="#theme-settings">Theme Settings</a>, <a href="#adding-custom-css">Adding Custom CSS</a>, <a href="#fonts">Fonts</a></p>
<p>Jump to: <a href="#quick-intro">Quick Intro</a>, <a href="#themes">Themes</a>, <a href="#theme-settings">Theme Settings</a>, <a href="#fonts">Fonts</a>, <a href="#colors">Colors</a>, <a href="#adding-custom-css">Adding Custom CSS</a></p>
<div id="quick-intro" class="section level2">
<h2 class="hasAnchor">
<a href="#quick-intro" class="anchor"></a>Quick Intro</h2>
<!-- Set link to theme-settings, template-variables, theme functions -->
<p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb1-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
<div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<span id="cb1-2"><a href="#cb1-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span>
<span id="cb1-3"><a href="#cb1-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre></div>
<p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p>
<div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb2-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
<a class="sourceLine" id="cb2-2" data-line-number="2">library(xaringanthemer)</a>
<a class="sourceLine" id="cb2-3" data-line-number="3">style_mono_light(</a>
<a class="sourceLine" id="cb2-4" data-line-number="4"> base_color = "#1c5253",</a>
<a class="sourceLine" id="cb2-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a>
<a class="sourceLine" id="cb2-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a>
<a class="sourceLine" id="cb2-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a>
<a class="sourceLine" id="cb2-8" data-line-number="8">)</a>
<a class="sourceLine" id="cb2-9" data-line-number="9">```</a></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
<div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb2-1"><a href="#cb2-1"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span>
<span id="cb2-2"><a href="#cb2-2"></a><span class="bn">library(xaringanthemer)</span></span>
<span id="cb2-3"><a href="#cb2-3"></a><span class="bn">style_mono_accent(</span></span>
<span id="cb2-4"><a href="#cb2-4"></a><span class="bn"> base_color = "#1c5253",</span></span>
<span id="cb2-5"><a href="#cb2-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span>
<span id="cb2-6"><a href="#cb2-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span>
<span id="cb2-7"><a href="#cb2-7"></a><span class="bn"> code_font_google = google_font("Fira Mono")</span></span>
<span id="cb2-8"><a href="#cb2-8"></a><span class="bn">)</span></span>
<span id="cb2-9"><a href="#cb2-9"></a><span class="bn">```</span></span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
<div id="matching-ggplot-themes" class="section level3">
<h3 class="hasAnchor">
<a href="#matching-ggplot-themes" class="anchor"></a>Matching ggplot Themes</h3>
<p><strong>xaringanthemer</strong> even provides a [ggplot2] theme with <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> that uses the colors and fonts from your slide theme. Built on the <a href="https://github.com/yixuan/showtext">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com">Google Fonts</a>.</p>
<p>Color and fill scales are also provided for matching sequential color scales based on the primary color used in your slides. See <code><a href="../reference/scale_xaringan.html">?scale_xaringan</a></code> for more details.</p>
<div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">ggplot2</span>)
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="no">diamonds</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="no">cut</span>, <span class="kw">fill</span> <span class="kw">=</span> <span class="no">cut</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(<span class="kw">show.legend</span> <span class="kw">=</span> <span class="fl">FALSE</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
<span class="kw">x</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
<span class="kw">y</span> <span class="kw">=</span> <span class="st">"Count"</span>,
<span class="kw">title</span> <span class="kw">=</span> <span class="st">"A Fancy diamonds Plot"</span>
) +
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>(<span class="kw">background_color</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>) +
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()</pre></body></html></div>
<p>More details and examples can be found in <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span>
<span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="../reference/figures/index-theme_xaringan_demo-1.png"></p>
</div>
<div id="tab-completion" class="section level3">
@@ -179,7 +211,8 @@ img { max-width: 100%; }
<a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
</h4>
<p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#23395b"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#23395b"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
</div>
<div id="style_mono_dark" class="section level4">
@@ -187,7 +220,8 @@ img { max-width: 100%; }
<a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
</h4>
<p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb5"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#cbf7ed"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#cbf7ed"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
</div>
<div id="style_mono_accent" class="section level4">
@@ -195,7 +229,8 @@ img { max-width: 100%; }
<a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
</h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb6"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#43418A"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#43418A"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
</div>
<div id="style_mono_accent_inverse" class="section level4">
@@ -203,7 +238,8 @@ img { max-width: 100%; }
<a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
</h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb7"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#3C989E"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
</div>
</div>
@@ -216,7 +252,8 @@ img { max-width: 100%; }
<a href="#style_duo" class="anchor"></a><code>style_duo()</code>
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb8"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#1F4257"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#F97B64"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#1F4257"</span>, secondary_color <span class="op">=</span> <span class="st">"#F97B64"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
</div>
<div id="style_duo_accent" class="section level4">
@@ -224,7 +261,8 @@ img { max-width: 100%; }
<a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
</div>
<div id="style_duo_accent_inverse" class="section level4">
@@ -232,43 +270,46 @@ img { max-width: 100%; }
<a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb10"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
</div>
</div>
<div id="solarized" class="section level3">
<h3 class="hasAnchor">
<a href="#solarized" class="anchor"></a>Solarized</h3>
<p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
<div id="style_solarized_light" class="section level4">
<h4 class="hasAnchor">
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4>
<div class="sourceCode" id="cb11"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()</pre></body></html></div>
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
</div>
<div id="style_solarized_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4>
<div class="sourceCode" id="cb12"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div>
<div class="sourceCode" id="cb12"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
<p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb13-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
<a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="fu">nature:</span></a>
<a class="sourceLine" id="cb13-5" data-line-number="5"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
<a class="sourceLine" id="cb13-6" data-line-number="6"> <span class="fu">highlightLines:</span><span class="at"> true</span></a>
<a class="sourceLine" id="cb13-7" data-line-number="7"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
<div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<span id="cb13-2"><a href="#cb13-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span>
<span id="cb13-3"><a href="#cb13-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span>
<span id="cb13-4"><a href="#cb13-4"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span>
<span id="cb13-5"><a href="#cb13-5"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span>
<span id="cb13-6"><a href="#cb13-6"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span>
<span id="cb13-7"><a href="#cb13-7"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div>
</div>
</div>
</div>
<div id="theme-settings" class="section level2">
<h2 class="hasAnchor">
<a href="#theme-settings" class="anchor"></a>Theme Settings</h2>
<p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p>
<p>All of the theme template variables are repeated in each of the theme functions (instead of relying on <code>...</code>) so that you can use autocompletion to find and change the defaults for any theme function. To override the default value of any theme functions, set the appropriate argument in the theme function. A table of all template variables is included in <a href="template-variables.html"><code><a href="../articles/template-variables.html">vignette("template-variables", "xaringanthemer")</a></code></a>.</p>
<p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p>
<p>All of the theme template variables are repeated in each of the theme functions (instead of relying on <code>...</code>) so that you can use autocompletion to find and change the defaults for any theme function. To override the default value of any theme functions, set the appropriate argument in the theme function. A table of all template variables is included in <a href="template-variables.html"><code>vignette("template-variables", "xaringanthemer")</code></a>.</p>
<p>As an example, try loading <code>xaringanthemer</code>, type out <code>style_duo_theme(</code> and then press <kbd>Tab</kbd> to see all of the theme options.</p>
<p>All of the theme options are named so that you first think of the element you want to change, then the property of that element.</p>
<p>Here are some of the <code>text_</code> theme options:</p>
@@ -293,68 +334,100 @@ img { max-width: 100%; }
<h2 class="hasAnchor">
<a href="#fonts" class="anchor"></a>Fonts</h2>
<!-- Need to set [adding-custom-css] -->
<p><link href="https://fonts.googleapis.com/css2?family=Cabin:wght@600&amp;family=Noto+Sans&amp;display=swap" rel="stylesheet"></p>
<style type="text/css">
.cabin {
font-family: Cabin;
font-weight: 600
}
.noto-sans {
font-family: 'Noto Sans';
}
.font-preview {
padding: 1em;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #dddddd;
border-radius: 3px;
font-size: 1.25em;
}
</style>
<div id="default-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
<p><strong>xaringanthemer</strong> by default uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb14"><html><body><pre class="r"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(
<span class="kw">text_font_family</span> <span class="kw">=</span> <span class="st">"Droid Serif"</span>,
<span class="kw">text_font_url</span> <span class="kw">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
<span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
)</pre></body></html></div>
<p>The default heading and body fonts used in <strong>xaringanthemer</strong> are different than the xaringan default fonts. In xaringanthemer, <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text.</p>
<div class="font-preview">
<p style="font-size: 1.5em" class="cabin">
A Cabin in the Clearing
</p>
<p class="noto-sans">
Pack my box with five dozen liquor jugs. Amazingly few discotheques provide jukeboxes.
</p>
</div>
<p>These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.org/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb14"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,
text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Yanone Kaffeesatz"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
</div>
<div id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#custom-and-google-font-fonts" class="anchor"></a>Custom and <em>Google Font</em> Fonts</h3>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb15"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
<span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
<span class="kw">text_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),
<span class="kw">code_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
)</pre></body></html></div>
<div class="sourceCode" id="cb15"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,
text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,
code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
<p>If you set an <code>&lt;type&gt;_font_google</code> theme arguments, then <code>&lt;type&gt;_font_family</code>, <code>&lt;type&gt;_font_weight</code> and <code>&lt;type&gt;_font_url</code> are overwritten – where <code>&lt;type&gt;</code> is one of <code>header</code>, <code>text</code>, or <code>code</code>.</p>
<p>To use a font hosted outside of Google fonts, you need to provide both <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>. For example, suppose you want to use a code font with ligatures for your code chunks, such as <a href="https://github.com/tonsky/FiraCode">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
<div class="sourceCode" id="cb16"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
<span class="kw">code_font_family</span> <span class="kw">=</span> <span class="st">"Fira Code"</span>,
<span class="kw">code_font_url</span> <span class="kw">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
)</pre></body></html></div>
<div class="sourceCode" id="cb16"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span>
code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
<span class="op">)</span></code></pre></div>
<p>Remember that you need to supply either <code>&lt;type&gt;_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>.</p>
</div>
<div id="using-additional-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
<div class="sourceCode" id="cb17"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
<span class="kw">extra_fonts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
<div class="sourceCode" id="cb17"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,
<span class="co"># Young Serif by uplaod.fr</span>
<span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
),
<span class="kw">extra_css</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="st">".title-slide h2"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"Sofia"</span>),
<span class="kw">blockquote</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"youngserifregular"</span>)
)
)</pre></body></html></div>
<span class="op">)</span>,
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".title-slide h2"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,
blockquote <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span></code></pre></div>
</div>
</div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<p>When designing your xaringan theme, you may have additional colors in your desired color palette beyond those used in the accent colors of the mono and duotone styles.</p>
<p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define a additional colors to use in your slides. This argument takes a vector of named colors</p>
<div class="sourceCode" id="cb18"><html><body><pre class="r"><span class="no">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
<span class="kw">red</span> <span class="kw">=</span> <span class="st">"#f34213"</span>,
<span class="kw">purple</span> <span class="kw">=</span> <span class="st">"#3e2f5b"</span>,
<span class="kw">orange</span> <span class="kw">=</span> <span class="st">"#ff8811"</span>,
<span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>,
<span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>,
)</pre></body></html></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define additional colors to use in your slides. This argument takes a vector of named colors</p>
<div class="sourceCode" id="cb18"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>So slide text like this</p>
<div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb19-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a>
<a class="sourceLine" id="cb19-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div>
<div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>
<p>will be rendered in HTML as</p>
<blockquote>
This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>.
@@ -365,29 +438,31 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co
<h2 class="hasAnchor">
<a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2>
<p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p>
<div class="sourceCode" id="cb20"><html><body><pre class="r"><span class="no">extra_css</span> <span class="kw">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="st">".small"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> <span class="kw">=</span> <span class="st">"90%"</span>),
<span class="st">".full-width"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="kw">display</span> <span class="kw">=</span> <span class="st">"flex"</span>,
<span class="kw">width</span> <span class="kw">=</span> <span class="st">"100%"</span>,
<span class="kw">flex</span> <span class="kw">=</span> <span class="st">"1 1 auto"</span>
)
)</pre></body></html></div>
<div class="sourceCode" id="cb20"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="va">extra_css</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".small"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-size"</span> <span class="op">=</span> <span class="st">"90%"</span><span class="op">)</span>,
<span class="st">".full-width"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
display <span class="op">=</span> <span class="st">"flex"</span>,
width <span class="op">=</span> <span class="st">"100%"</span>,
flex <span class="op">=</span> <span class="st">"1 1 auto"</span>
<span class="op">)</span>
<span class="op">)</span></code></pre></div>
<p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p>
<div class="sourceCode" id="cb21"><html><body><pre class="r"><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="kw">css</span> <span class="kw">=</span> <span class="no">extra_css</span>, <span class="kw">outfile</span> <span class="kw">=</span> <span class="st">"custom.css"</span>)</pre></body></html></div>
<div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb22-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a>
<a class="sourceLine" id="cb22-2" data-line-number="2"><span class="fu">.small</span> {</a>
<a class="sourceLine" id="cb22-3" data-line-number="3"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a>
<a class="sourceLine" id="cb22-4" data-line-number="4">}</a>
<a class="sourceLine" id="cb22-5" data-line-number="5"><span class="fu">.full-width</span> {</a>
<a class="sourceLine" id="cb22-6" data-line-number="6"> <span class="kw">display</span>: flex;</a>
<a class="sourceLine" id="cb22-7" data-line-number="7"> <span class="kw">width</span>: <span class="dv">100%</span>;</a>
<a class="sourceLine" id="cb22-8" data-line-number="8"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a>
<a class="sourceLine" id="cb22-9" data-line-number="9">}</a></code></pre></div>
<div class="sourceCode" id="cb21"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span><span class="op">(</span>css <span class="op">=</span> <span class="va">extra_css</span>, outfile <span class="op">=</span> <span class="st">"custom.css"</span><span class="op">)</span></code></pre></div>
<div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1"></a><span class="co">/* Extra CSS */</span></span>
<span id="cb22-2"><a href="#cb22-2"></a><span class="fu">.small</span> {</span>
<span id="cb22-3"><a href="#cb22-3"></a> <span class="kw">font-size</span>: <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span>
<span id="cb22-4"><a href="#cb22-4"></a>}</span>
<span id="cb22-5"><a href="#cb22-5"></a><span class="fu">.full-width</span> {</span>
<span id="cb22-6"><a href="#cb22-6"></a> <span class="kw">display</span>: flex<span class="op">;</span></span>
<span id="cb22-7"><a href="#cb22-7"></a> <span class="kw">width</span>: <span class="dv">100</span><span class="dt">%</span><span class="op">;</span></span>
<span id="cb22-8"><a href="#cb22-8"></a> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="bu">auto</span><span class="op">;</span></span>
<span id="cb22-9"><a href="#cb22-9"></a>}</span></code></pre></div>
<p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could add slide text <code>.small[in smaller font size]</code>.</p>
<hr>
<p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p>
<p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p>
<p>Big thank you to <a href="https://yihui.org">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://www.gnab.org/">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p>
<p>Feel free to <a href="https://github.com/gadenbuie/xaringanthemer/issues">file an issue</a> if you find a bug or have a theme suggestion – or better yet, submit a pull request!</p>
</div>
</div>
@@ -407,7 +482,7 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 15
- 0
dev/articles/xaringanthemer_files/accessible-code-block-0.0.1/empty-anchor.js Просмотреть файл

@@ -0,0 +1,15 @@
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
// v0.0.1
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.

document.addEventListener('DOMContentLoaded', function() {
const codeList = document.getElementsByClassName("sourceCode");
for (var i = 0; i < codeList.length; i++) {
var linkList = codeList[i].getElementsByTagName('a');
for (var j = 0; j < linkList.length; j++) {
if (linkList[j].innerHTML === "") {
linkList[j].setAttribute('aria-hidden', 'true');
}
}
}
});

+ 42
- 11
dev/authors.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Authors • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="Authors" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="articles/themes.html">Themes</a>
</li>
<li>
<a href="articles/fonts.html">Fonts</a>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -159,7 +190,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/favicon-16x16.png Просмотреть файл

Before After
Width: 16  |  Height: 16  |  Size: 1.3KB

Двоичные данные
dev/favicon-32x32.png Просмотреть файл

Before After
Width: 32  |  Height: 32  |  Size: 2.6KB

Двоичные данные
dev/favicon.ico Просмотреть файл

Before After

+ 80
- 43
dev/index.html Просмотреть файл

@@ -5,17 +5,24 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Xaringan CSS Themes • xaringanthemer</title>
<title>Custom xaringan CSS Themes • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png">
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="bootstrap-toc.css">
<script src="bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
<script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
<meta property="og:title" content="Custom Xaringan CSS Themes">
<meta property="og:title" content="Custom xaringan CSS Themes">
<meta property="og:description" content="Give your xaringan slides some style with xaringanthemer.
Easy slide and plot themes for xaringan slides.
">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@grrrck">
<meta name="twitter:site" content="@grrrck">
@@ -38,7 +45,7 @@ Easy slide and plot themes for xaringan slides.
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -54,35 +61,58 @@ Easy slide and plot themes for xaringan slides.
<a href="articles/themes.html">Themes</a>
</li>
<li>
<a href="articles/fonts.html">Fonts</a>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/template-variables.html">Template Variables</a>
<a href="articles/fonts.html">Fonts</a>
</li>
<li>
<a href="articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -98,9 +128,10 @@ Easy slide and plot themes for xaringan slides.

</header><div class="row">
<div class="contents col-md-9">
<div id="xaringanthemer" class="section level1">
<div id="xaringanthemer-" class="section level1">
<div class="page-header"><h1 class="hasAnchor">
<a href="#xaringanthemer" class="anchor"></a>xaringanthemer</h1></div>
<a href="#xaringanthemer-" class="anchor"></a>xaringanthemer <img src="reference/figures/logo.png" align="right" height="175px">
</h1></div>
<!-- badges: start -->

<p>Give your <a href="https://github.com/yihui/xaringan">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p>
@@ -109,46 +140,50 @@ Easy slide and plot themes for xaringan slides.
<h2 class="hasAnchor">
<a href="#installation" class="anchor"></a>Installation</h2>
<p>You can install <strong>xaringanthemer</strong> from CRAN</p>
<div class="sourceCode" id="cb1"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"xaringanthemer"</span>)</pre></div>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span><span class="op">(</span><span class="st">"xaringanthemer"</span><span class="op">)</span></code></pre></div>
<p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p>
<div class="sourceCode" id="cb2"><pre class="r"><span class="co"># install.packages("remotes")</span>
<span class="kw pkg">remotes</span><span class="kw ns">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)</pre></div>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># install.packages("remotes")</span>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div>
</div>
<div id="quick-intro" class="section level2">
<h2 class="hasAnchor">
<a href="#quick-intro" class="anchor"></a>Quick Intro</h2>
<!-- Set link to theme-settings, template-variables, theme functions -->
<p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
<div class="sourceCode" id="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="fu">output:</span></a>
<a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
<a class="sourceLine" id="cb3-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
<div class="sourceCode" id="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb3-1"><a href="#cb3-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<span id="cb3-2"><a href="#cb3-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span>
<span id="cb3-3"><a href="#cb3-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre></div>
<p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p>
<div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb4-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
<a class="sourceLine" id="cb4-2" data-line-number="2">library(xaringanthemer)</a>
<a class="sourceLine" id="cb4-3" data-line-number="3">style_mono_light(</a>
<a class="sourceLine" id="cb4-4" data-line-number="4"> base_color = "#1c5253",</a>
<a class="sourceLine" id="cb4-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a>
<a class="sourceLine" id="cb4-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a>
<a class="sourceLine" id="cb4-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a>
<a class="sourceLine" id="cb4-8" data-line-number="8">)</a>
<a class="sourceLine" id="cb4-9" data-line-number="9">```</a></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
<div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb4-1"><a href="#cb4-1"></a><span class="bn">```{r xaringan-themer, include=FALSE, warning=FALSE}</span></span>
<span id="cb4-2"><a href="#cb4-2"></a><span class="bn">library(xaringanthemer)</span></span>
<span id="cb4-3"><a href="#cb4-3"></a><span class="bn">style_mono_accent(</span></span>
<span id="cb4-4"><a href="#cb4-4"></a><span class="bn"> base_color = "#1c5253",</span></span>
<span id="cb4-5"><a href="#cb4-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span>
<span id="cb4-6"><a href="#cb4-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span>
<span id="cb4-7"><a href="#cb4-7"></a><span class="bn"> code_font_google = google_font("Fira Mono")</span></span>
<span id="cb4-8"><a href="#cb4-8"></a><span class="bn">)</span></span>
<span id="cb4-9"><a href="#cb4-9"></a><span class="bn">```</span></span></code></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
<div id="matching-ggplot-themes" class="section level3">
<h3 class="hasAnchor">
<a href="#matching-ggplot-themes" class="anchor"></a>Matching ggplot Themes</h3>
<p><strong>xaringanthemer</strong> even provides a <a href="https://ggplot2.tidyverse.org">ggplot2</a> theme with <code><a href="reference/theme_xaringan.html">theme_xaringan()</a></code> that uses the colors and fonts from your slide theme. Built on the <a href="https://github.com/yixuan/showtext">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com">Google Fonts</a>.</p>
<p>Color and fill scales are also provided for matching sequential color scales based on the primary color used in your slides. See <code><a href="reference/scale_xaringan.html">?scale_xaringan</a></code> for more details.</p>
<div class="sourceCode" id="cb5"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">ggplot2</span>)
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="no">diamonds</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="no">cut</span>, <span class="kw">fill</span> <span class="kw">=</span> <span class="no">cut</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(<span class="kw">show.legend</span> <span class="kw">=</span> <span class="fl">FALSE</span>) +
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
<span class="kw">x</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
<span class="kw">y</span> <span class="kw">=</span> <span class="st">"Count"</span>,
<span class="kw">title</span> <span class="kw">=</span> <span class="st">"A Fancy diamonds Plot"</span>
) +
<span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span>(<span class="kw">background_color</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>) +
<span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()</pre></div>
<p>More details and examples can be found in <code><a href="articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span>
<span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
<p><img src="reference/figures/index-theme_xaringan_demo-1.png" width="100%"></p>
</div>
<div id="tab-completion" class="section level3">
@@ -169,7 +204,7 @@ Easy slide and plot themes for xaringan slides.
<div id="features" class="section level2">
<h2 class="hasAnchor">
<a href="#features" class="anchor"></a>Features</h2>
<p>There’s a lot more that <strong>xaringanthemer</strong> can do! <a href="https://pkg.garrickadenbuie.com/xaringanthemer/features.html">Discover xaringanthemer’s features.</a></p>
<p>There’s a lot more that <strong>xaringanthemer</strong> can do! <a href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/xaringanthemer.html">Discover xaringanthemer’s features.</a></p>
</div>
</div>
</div>
@@ -178,6 +213,8 @@ Easy slide and plot themes for xaringan slides.
<div class="links">
<h2>Links</h2>
<ul class="list-unstyled">
<li>Download from CRAN at <br><a href="https://cloud.r-project.org/package=xaringanthemer">https://​cloud.r-project.org/​package=xaringanthemer</a>
</li>
<li>Browse source code at <br><a href="https://github.com/gadenbuie/xaringanthemer/">https://​github.com/​gadenbuie/​xaringanthemer/​</a>
</li>
<li>Report a bug at <br><a href="https://github.com/gadenbuie/xaringanthemer/issues">https://​github.com/​gadenbuie/​xaringanthemer/​issues</a>
@@ -204,7 +241,7 @@ Easy slide and plot themes for xaringan slides.
<ul class="list-unstyled">
<li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li>
<li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
<li><a href="https://travis-ci.com/gadenbuie/xaringanthemer"><img src="https://travis-ci.com/gadenbuie/xaringanthemer.svg?branch=master" alt="travis"></a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/CI%20by%20%7Btic%7D/badge.svg?branch=master" alt="CI by {tic}"></a></li>
<li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li>
</ul>
</div>
@@ -217,7 +254,7 @@ Easy slide and plot themes for xaringan slides.
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/logo.png Просмотреть файл

Before After
Width: 240  |  Height: 240  |  Size: 38KB

+ 83
- 15
dev/news/index.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Changelog • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="Changelog" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -141,13 +172,50 @@
<small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
</div>

<div id="xaringanthemer-0-3-0-dev" class="section level1">
<div id="xaringanthemer-development-version" class="section level1">
<h1 class="page-header" data-toc-text="development version">
<a href="#xaringanthemer-development-version" class="anchor"></a>xaringanthemer (development version)<small> Unreleased </small>
</h1>
</div>
<div id="xaringanthemer-040" class="section level1">
<h1 class="page-header" data-toc-text="0.4.0">
<a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small>
</h1>
<ul>
<li><p>Added <code>text_bold_font_weight</code> argument to xaringanthemer style functions with a corresponding CSS rule setting the <code>font-weight</code> property of <code>&lt;strong&gt;</code> elements (thanks <a href='https://github.com/matiasandina'>@matiasandina</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/50'>#50</a>).</p></li>
<li><p>The style functions gain a <code>link_decoration</code> argument to set the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration"><code>text-decoration</code></a> property for links (<a href='https://github.com/gadenbuie/xaringanthemer/issues/57'>#57</a>).</p></li>
<li><p>Set slide number font size in <code>rem</code> so that increasing the font size at the slide level doesn’t result in giant slide numbers (<a href='https://github.com/gadenbuie/xaringanthemer/issues/53'>#53</a>).</p></li>
<li><p>The xaringanthemer slide skeleton (R Markdown template) will now render when packages that are used in the template but not in xaringanthemer’s Imports are not installed (<a href='https://github.com/gadenbuie/xaringanthemer/issues/52'>#52</a>).</p></li>
<li><p>xaringanthemer no longer sets the <code>fig.showtext</code> chunk option when the showtext package isn’t installed and also when <code>fig.showtext = FALSE</code> (thanks <a href='https://github.com/mikedecr'>@mikedecr</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/36'>#36</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/56'>#56</a>).</p></li>
</ul>
</div>
<div id="xaringanthemes-034" class="section level1">
<h1 class="page-header" data-toc-text="0.3.4">
<a href="#xaringanthemes-034" class="anchor"></a>xaringanthemes 0.3.4<small> 2021-04-18 </small>
</h1>
<ul>
<li>Maintenance release to avoid issues with upcoming R 4.1.0 (<a href='https://github.com/gadenbuie/xaringanthemer/issues/49'>#49</a>)</li>
</ul>
</div>
<div id="xaringanthemer-033" class="section level1">
<h1 class="page-header" data-toc-text="0.3.3">
<a href="#xaringanthemer-033" class="anchor"></a>xaringanthemer 0.3.3<small> 2021-03-04 </small>
</h1>
<ul>
<li><p>Add <code>inverse_link_color</code> to control color of links on inverse slides (thanks <a href='https://github.com/dmi3kno'>@dmi3kno</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/44'>#44</a>)</p></li>
<li><p>.pull-right[] now clears floats just for its immediate sibling</p></li>
<li><p>Add <code>header_font_family_fallback</code> to control fallback fonts for headings (thanks <a href='https://github.com/mattwarkentin'>@mattwarkentin</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/41'>#41</a>)</p></li>
<li><p>New xaringanthemer presentation skeleton with a kitchen sink of typical slide elements with the goal of making it easier to preview new themes during development.</p></li>
</ul>
</div>
<div id="xaringanthemer-030" class="section level1">
<h1 class="page-header" data-toc-text="0.3.0">
<a href="#xaringanthemer-0-3-0-dev" class="anchor"></a>xaringanthemer 0.3.0 (dev)</h1>
<a href="#xaringanthemer-030" class="anchor"></a>xaringanthemer 0.3.0<small> 2020-05-04 </small>
</h1>
<ul>
<li><p>Adds <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, a ggplot2 theme that automatically uses the colors and font styles of your xaringanthemer style. Also adds <code><a href="../reference/scale_xaringan.html">scale_xaringan_discrete()</a></code> and <code><a href="../reference/scale_xaringan.html">scale_xaringan_continuous()</a></code> functions that use your slides’ primary colors for the color or fill aesthetics. These theme functions can recover the primary colors used in a xaringanthemer (&gt;= 0.3.0) CSS file even if you don’t call the style function directly in your slides.</p></li>
<li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
<li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
<li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
<li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
<li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
<li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li>
<li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li>
@@ -183,7 +251,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 2
- 2
dev/pkgdown.css Просмотреть файл

@@ -244,14 +244,14 @@ nav[data-toggle='toc'] .nav .nav > .active:focus > a {

.ref-index th {font-weight: normal;}

.ref-index td {vertical-align: top;}
.ref-index td {vertical-align: top; min-width: 100px}
.ref-index .icon {width: 40px;}
.ref-index .alias {width: 40%;}
.ref-index-icons .alias {width: calc(40% - 40px);}
.ref-index .title {width: 60%;}

.ref-arguments th {text-align: right; padding-right: 10px;}
.ref-arguments th, .ref-arguments td {vertical-align: top;}
.ref-arguments th, .ref-arguments td {vertical-align: top; min-width: 100px}
.ref-arguments .name {width: 20%;}
.ref-arguments .desc {width: 80%;}


+ 4
- 3
dev/pkgdown.yml Просмотреть файл

@@ -1,12 +1,13 @@
pandoc: '2.2'
pkgdown: 1.5.1
pandoc: 2.7.3
pkgdown: 1.6.1
pkgdown_sha: ~
articles:
fonts: fonts.html
ggplot2-themes: ggplot2-themes.html
template-variables: template-variables.html
themes: themes.html
xaringanthemer: xaringanthemer.html
last_built: 2020-04-16T02:11Z
last_built: 2021-09-24T03:29Z
urls:
reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

Двоичные данные
dev/reference/Rplot001.png Просмотреть файл

Before After
Width: 480  |  Height: 480  |  Size: 27KB

Двоичные данные
dev/reference/Rplot002.png Просмотреть файл

Before After
Width: 480  |  Height: 480  |  Size: 30KB

Двоичные данные
dev/reference/apply_alpha-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 16KB Width: 1400  |  Height: 866  |  Size: 17KB

+ 52
- 17
dev/reference/apply_alpha.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Add alpha to hex color — apply_alpha • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -45,6 +52,7 @@
<meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by
converting opacity in the [0, 1] range to hex in the [0, 255] range
and appending to the hex color." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ and appending to the hex color." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ and appending to the hex color." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,7 +182,7 @@ converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]
and appending to the hex color.</p>
</div>

<pre class="usage"><span class='fu'>apply_alpha</span>(<span class='no'>color_hex</span>, <span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.5</span>)</pre>
<pre class="usage"><span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>color_hex</span>, opacity <span class='op'>=</span> <span class='fl'>0.5</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -166,14 +197,18 @@ and appending to the hex color.</p>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A character string with added opacity level as hexadecimal characters.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='no'>blue</span> <span class='kw'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='no'>blue_transparent</span> <span class='kw'>&lt;-</span> <span class='fu'>apply_alpha</span>(<span class='no'>blue</span>)
<pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='va'>blue_transparent</span> <span class='op'>&lt;-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span>

<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>blue</span>, <span class='no'>blue_transparent</span>))
}</div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'>
<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -190,7 +225,7 @@ and appending to the hex color.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/choose_dark_or_light-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 18KB Width: 1400  |  Height: 866  |  Size: 18KB

+ 56
- 20
dev/reference/choose_dark_or_light.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Choose dark or light color — choose_dark_or_light • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -45,6 +52,7 @@
<meta property="og:description" content="Takes a color input as x and returns either the black or white color (or
expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ best contrast. Follows W3C Recommendations." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ best contrast. Follows W3C Recommendations." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,7 +182,7 @@ expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations.</p>
</div>

<pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='no'>x</span>, <span class='kw'>black</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>, <span class='kw'>white</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>)</pre>
<pre class="usage"><span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>x</span>, black <span class='op'>=</span> <span class='st'>"#000000"</span>, white <span class='op'>=</span> <span class='st'>"#FFFFFF"</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -172,19 +203,24 @@ best contrast. Follows W3C Recommendations.</p>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The <code>black</code> color or <code>white</code> color according to which color provides
the greates contrast with the input color.</p>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='no'>light_green</span> <span class='kw'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
<span class='no'>contrast_green</span> <span class='kw'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='no'>light_green</span>)
<span class='no'>dark_purple</span> <span class='kw'>&lt;-</span> <span class='st'>"#381d2a"</span>
<span class='no'>contrast_purple</span> <span class='kw'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='no'>dark_purple</span>)

<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>light_green</span>, <span class='no'>contrast_green</span>, <span class='no'>dark_purple</span>, <span class='no'>contrast_purple</span>))
}</div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'>
<pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
<span class='va'>contrast_green</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span>
<span class='va'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span>
<span class='va'>contrast_purple</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span>

<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>light_green</span>, <span class='va'>contrast_green</span>, <span class='va'>dark_purple</span>, <span class='va'>contrast_purple</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -201,7 +237,7 @@ best contrast. Follows W3C Recommendations.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/figures/index-theme_xaringan_demo-1.png Просмотреть файл

Before After
Width: 1248  |  Height: 528  |  Size: 49KB Width: 1248  |  Height: 528  |  Size: 49KB

+ 1
- 0
dev/reference/figures/lifecycle-archived.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="110" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="110" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#e05d44" d="M53 0h57v20H53z"/><path fill="url(#b)" d="M0 0h110v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="805" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="470">archived</text><text x="805" y="140" transform="scale(.1)" textLength="470">archived</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-defunct.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="104" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="104" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#e05d44" d="M53 0h51v20H53z"/><path fill="url(#b)" d="M0 0h104v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="775" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">defunct</text><text x="775" y="140" transform="scale(.1)" textLength="410">defunct</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-deprecated.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="124" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="124" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#fe7d37" d="M53 0h71v20H53z"/><path fill="url(#b)" d="M0 0h124v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="875" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="610">deprecated</text><text x="875" y="140" transform="scale(.1)" textLength="610">deprecated</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-experimental.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="136" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="136" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#fe7d37" d="M53 0h83v20H53z"/><path fill="url(#b)" d="M0 0h136v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="935" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="730">experimental</text><text x="935" y="140" transform="scale(.1)" textLength="730">experimental</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-maturing.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="114" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="114" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#007ec6" d="M53 0h61v20H53z"/><path fill="url(#b)" d="M0 0h114v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="510">maturing</text><text x="825" y="140" transform="scale(.1)" textLength="510">maturing</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-questioning.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="126" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#007ec6" d="M53 0h73v20H53z"/><path fill="url(#b)" d="M0 0h126v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="885" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="630">questioning</text><text x="885" y="140" transform="scale(.1)" textLength="630">questioning</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-stable.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="96" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h53v20H0z"/><path fill="#4c1" d="M53 0h43v20H53z"/><path fill="url(#b)" d="M0 0h96v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">lifecycle</text><text x="275" y="140" transform="scale(.1)" textLength="430">lifecycle</text><text x="735" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">stable</text><text x="735" y="140" transform="scale(.1)" textLength="330">stable</text></g> </svg>

+ 1
- 0
dev/reference/figures/lifecycle-superseded.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="128" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#007ec6" d="M55 0h73v20H55z"/><path fill="url(#b)" d="M0 0h128v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="905" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="630">superseded</text><text x="905" y="140" transform="scale(.1)" textLength="630">superseded</text></g> </svg>

Двоичные данные
dev/reference/figures/logo.png Просмотреть файл

Before After
Width: 240  |  Height: 240  |  Size: 38KB

+ 52
- 16
dev/reference/google_font.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Specify Google Font — google_font • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -43,8 +50,9 @@

<meta property="og:title" content="Specify Google Font — google_font" />
<meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the
... parameters. Languages can be specified in langauges and must one or
... parameters. Languages can be specified in languages and must one or
more of the language codes as given by google_language_codes()." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ more of the language codes as given by google_language_codes()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ more of the language codes as given by google_language_codes()." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,11 +178,11 @@ more of the language codes as given by google_language_codes()." />

<div class="ref-description">
<p>Builds Google Fonts URL from family name. Extra weights are given in the
<code>...</code> parameters. Languages can be specified in <code>langauges</code> and must one or
<code>...</code> parameters. Languages can be specified in <code>languages</code> and must one or
more of the language codes as given by <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>google_font</span>(<span class='no'>family</span>, <span class='no'>...</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
<pre class="usage"><span class='fu'>google_font</span><span class='op'>(</span><span class='va'>family</span>, <span class='va'>...</span>, languages <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -171,9 +202,13 @@ more of the language codes as given by <code><a href='google_language_codes.html
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A <code>"google_font"</code> object.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)</div><div class='output co'>#&gt; $family
<pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
@@ -186,7 +221,8 @@ more of the language codes as given by <code><a href='google_language_codes.html
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; $family
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
@@ -215,7 +251,7 @@ more of the language codes as given by <code><a href='google_language_codes.html
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 49
- 15
dev/reference/google_language_codes.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>List Valid Google Language Codes — google_language_codes • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="List Valid Google Language Codes — google_language_codes" />
<meta property="og:description" content="Gives a list of valid Language Codes for Google Fonts, or
validates that the language codes given are valid." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ validates that the language codes given are valid." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ validates that the language codes given are valid." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,12 +180,12 @@ validates that the language codes given are valid." />
validates that the language codes given are valid.</p>
</div>

<pre class="usage"><span class='fu'>google_language_codes</span>(
<span class='kw'>language_codes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin"</span>, <span class='st'>"latin-ext"</span>, <span class='st'>"sinhala"</span>, <span class='st'>"greek"</span>, <span class='st'>"hebrew"</span>, <span class='st'>"vietnamese"</span>,
<pre class="usage"><span class='fu'>google_language_codes</span><span class='op'>(</span>
language_codes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin"</span>, <span class='st'>"latin-ext"</span>, <span class='st'>"sinhala"</span>, <span class='st'>"greek"</span>, <span class='st'>"hebrew"</span>, <span class='st'>"vietnamese"</span>,
<span class='st'>"cyrillic"</span>, <span class='st'>"cyrillic-ext"</span>, <span class='st'>"devanagari"</span>, <span class='st'>"arabic"</span>, <span class='st'>"khmer"</span>, <span class='st'>"tamil"</span>, <span class='st'>"greek-ext"</span>,
<span class='st'>"thai"</span>, <span class='st'>"bengali"</span>, <span class='st'>"gujarati"</span>, <span class='st'>"oriya"</span>, <span class='st'>"malayalam"</span>, <span class='st'>"gurmukhi"</span>, <span class='st'>"kannada"</span>, <span class='st'>"telugu"</span>,
<span class='st'>"myanmar"</span>)
)</pre>
<span class='st'>"myanmar"</span><span class='op'>)</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -165,6 +196,9 @@ validates that the language codes given are valid.</p>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>A vector of Google Font language codes matching <code>language_codes</code>.</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p><code><a href='google_font.html'>google_font()</a></code></p></div>
@@ -184,7 +218,7 @@ validates that the language codes given are valid.</p>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 43
- 12
dev/reference/index.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Function reference • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,6 +49,7 @@

<meta property="og:title" content="Function reference" />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -76,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -92,35 +100,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -306,7 +337,7 @@
<td>
<p><code><a href="scale_xaringan.html">scale_xaringan_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_fill_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_color_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_colour_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_fill_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_color_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_colour_continuous()</a></code> </p>
</td>
<td><p>Xaringan Themer ggplot2 Scales</p></td>
<td><p>Themed ggplot2 Scales</p></td>
</tr>
</tbody><tbody>
<tr>
@@ -363,7 +394,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/lighten_darken_color-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 19KB Width: 1400  |  Height: 866  |  Size: 19KB

+ 56
- 20
dev/reference/lighten_darken_color.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Generate lighter or darker version of a color — lighten_darken_color • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -43,6 +50,7 @@

<meta property="og:title" content="Generate lighter or darker version of a color — lighten_darken_color" />
<meta property="og:description" content="Produces a linear blend of the color with white or black." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -77,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -93,35 +101,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,9 +178,9 @@
<p>Produces a linear blend of the color with white or black.</p>
</div>

<pre class="usage"><span class='fu'>lighten_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.7</span>)
<pre class="usage"><span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>color_hex</span>, strength <span class='op'>=</span> <span class='fl'>0.7</span><span class='op'>)</span>

<span class='fu'>darken_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.8</span>)</pre>
<span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>color_hex</span>, strength <span class='op'>=</span> <span class='fl'>0.8</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -166,15 +197,20 @@ where 0 is entirely the original color and 1 is entirely white
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='no'>blue</span> <span class='kw'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='no'>blue_light</span> <span class='kw'>&lt;-</span> <span class='fu'>lighten_color</span>(<span class='no'>blue</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.33</span>)
<span class='no'>blue_dark</span> <span class='kw'>&lt;-</span> <span class='fu'>darken_color</span>(<span class='no'>blue</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.33</span>)
<p>A character string with the lightened or darkened color in
hexadecimal format.</p>

<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
<span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>blue_light</span>, <span class='no'>blue</span>, <span class='no'>blue_dark</span>))
}</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='va'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>
<span class='va'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>

<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -191,7 +227,7 @@ where 0 is entirely the original color and 1 is entirely white
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/scale_xaringan-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 77KB Width: 1400  |  Height: 866  |  Size: 54KB

+ 142
- 106
dev/reference/scale_xaringan.html Просмотреть файл

@@ -6,8 +6,15 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Xaringan Themer ggplot2 Scales — scale_xaringan • xaringanthemer</title>
<title>Themed ggplot2 Scales — scale_xaringan • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -41,10 +48,13 @@
<link href="../extra.css" rel="stylesheet">

<meta property="og:title" content="Xaringan Themer ggplot2 Scales — scale_xaringan" />
<meta property="og:description" content="Lifecycle: Maturing
<meta property="og:title" content="Themed ggplot2 Scales — scale_xaringan" />
<meta property="og:description" content="
Color and fill single-color scales for discrete and continuous values,
created using the primary accent color of the xaringanthemer styles." />
created using the primary accent color of the xaringanthemer styles. See
vignette(&quot;ggplot2-themes&quot;) for more information and examples of
xaringanthemer's ggplot2-related functions." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +89,7 @@ created using the primary accent color of the xaringanthemer styles." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +105,58 @@ created using the primary accent color of the xaringanthemer styles." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -140,73 +173,75 @@ created using the primary accent color of the xaringanthemer styles." />
<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Xaringan Themer ggplot2 Scales</h1>
<h1>Themed ggplot2 Scales</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
<div class="hidden name"><code>scale_xaringan.Rd</code></div>
</div>

<div class="ref-description">
<p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<p>Color and fill single-color scales for discrete and continuous values,
created using the primary accent color of the xaringanthemer styles.</p>
created using the primary accent color of the xaringanthemer styles. See
<code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples of
<span class="pkg">xaringanthemer</span>'s <span class="pkg">ggplot2</span>-related functions.</p>
</div>

<pre class="usage"><span class='fu'>scale_xaringan_discrete</span>(
<span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_fill_discrete</span>(<span class='no'>...</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)
<span class='fu'>scale_xaringan_color_discrete</span>(
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_colour_discrete</span>(
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_continuous</span>(
<span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
<span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_fill_continuous</span>(
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
<span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_color_continuous</span>(
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
<span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)
<span class='fu'>scale_xaringan_colour_continuous</span>(
<span class='no'>...</span>,
<span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
<span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
<span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
)</pre>
<pre class="usage"><span class='fu'>scale_xaringan_discrete</span><span class='op'>(</span>
aes_type <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span><span class='op'>)</span>,
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
direction <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_fill_discrete</span><span class='op'>(</span><span class='va'>...</span>, color <span class='op'>=</span> <span class='cn'>NULL</span>, direction <span class='op'>=</span> <span class='fl'>1</span>, inverse <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>
<span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
direction <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_colour_discrete</span><span class='op'>(</span>
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
direction <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_continuous</span><span class='op'>(</span>
aes_type <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span><span class='op'>)</span>,
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
begin <span class='op'>=</span> <span class='fl'>0</span>,
end <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span>
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
begin <span class='op'>=</span> <span class='fl'>0</span>,
end <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_color_continuous</span><span class='op'>(</span>
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
begin <span class='op'>=</span> <span class='fl'>0</span>,
end <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span>
<span class='fu'>scale_xaringan_colour_continuous</span><span class='op'>(</span>
<span class='va'>...</span>,
color <span class='op'>=</span> <span class='cn'>NULL</span>,
begin <span class='op'>=</span> <span class='fl'>0</span>,
end <span class='op'>=</span> <span class='fl'>1</span>,
inverse <span class='op'>=</span> <span class='cn'>FALSE</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -219,10 +254,10 @@ One of "color", "colour", or "fill".</p></td>
<tr>
<th>...</th>
<td><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale
functions — one of <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_color_discrete_sequential</a>,
<a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_color_continuous_sequential</a>,
<a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_fill_discrete_sequential</a>, or
<a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_fill_continuous_sequential</a> — or to
functions — one of <code><a href='https://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_color_discrete_sequential()</a></code>,
<code><a href='https://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_color_continuous_sequential()</a></code>,
<code><a href='https://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_fill_discrete_sequential()</a></code>, or
<code><a href='https://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_fill_continuous_sequential()</a></code> — or to
<a href='https://ggplot2.tidyverse.org/reference/continuous_scale.html'>ggplot2::continuous_scale</a> or <a href='https://ggplot2.tidyverse.org/reference/discrete_scale.html'>ggplot2::discrete_scale</a>.</p></td>
</tr>
<tr>
@@ -255,50 +290,51 @@ value of <code>inverse_header_color</code></p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='no'>has_ggplot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
<span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>

<span class='kw'>if</span> (<span class='no'>has_ggplot2</span>) {
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='co'># Saving the theme to a temp file because this is an example</span>
<span class='no'>path_to_css_file</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
<span class='co'># Using basic fonts for this example, but the plot theme will</span>
<span class='co'># automatically use your theme font if you use Google fonts</span>
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>path_to_css_file</span>
)
text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>

<span class='co'># Here's some very basic example data</span>
<span class='no'>ex</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
<span class='kw'>name</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span>),
<span class='kw'>n</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span>)
)
<span class='va'>ex</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span><span class='op'>(</span>
name <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span><span class='op'>)</span>,
n <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span><span class='op'>)</span>
<span class='op'>)</span>

<span class='co'># Fill color scales demo</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>ex</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>name</span>, <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>n</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span>() +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching fill scales"</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, <span class='va'>n</span>, fill <span class='op'>=</span> <span class='va'>n</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching fill scales"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># themed to match the slides: dark blue background with teal text</span>
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() +
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># Fill color matches teal text</span>
<span class='fu'>scale_xaringan_fill_continuous</span>()
<span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span>

<span class='co'># Color scales demo</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>ex</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>name</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='no'>name</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>10</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching color scales"</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, y <span class='op'>=</span> <span class='fl'>1</span>, color <span class='op'>=</span> <span class='va'>name</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span>size <span class='op'>=</span> <span class='fl'>10</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching color scales"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># themed to match the slides: dark blue background with teal text</span>
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() +
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># Fill color matches teal text</span>
<span class='fu'>scale_xaringan_color_discrete</span>(<span class='kw'>direction</span> <span class='kw'>=</span> -<span class='fl'>1</span>)
}</div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'>
<span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>direction <span class='op'>=</span> <span class='op'>-</span><span class='fl'>1</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -315,7 +351,7 @@ value of <code>inverse_header_color</code></p></td>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 173
- 102
dev/reference/style_duo.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Duotone Theme — style_duo • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Duotone Theme — style_duo" />
<meta property="og:description" content="A duotone theme designed to work well with two complementary
colors." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ colors." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ colors." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,74 +180,79 @@ colors." />
colors.</p>
</div>

<pre class="usage"><span class='fu'>style_duo</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1F4257"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#F97B64"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.9</span>),
<span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.99</span>)),
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.9</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_duo</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#1F4257"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#F97B64"</span>,
text_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='fl'>0.9</span><span class='op'>)</span>,
<span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.99</span><span class='op'>)</span><span class='op'>)</span>,
header_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
background_color <span class='op'>=</span> <span class='va'>primary_color</span>,
link_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
text_bold_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>text_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
inverse_text_color <span class='op'>=</span> <span class='va'>primary_color</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>primary_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>primary_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='fl'>0.9</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -296,7 +332,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -365,6 +401,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
@@ -547,7 +591,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -560,7 +604,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -568,21 +612,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -604,7 +653,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -612,15 +661,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -631,7 +688,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -649,14 +706,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -688,14 +752,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -707,24 +777,25 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Duotone themes:
<code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
<code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_duo</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1f4257"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#f97b64"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_duo</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -740,7 +811,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 180
- 107
dev/reference/style_duo_accent.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Duotone Accent Theme — style_duo_accent • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Duotone Accent Theme — style_duo_accent" />
<meta property="og:description" content="An default xaringan theme with a two colors used for color
accents on select elements (headers, bold text, etc.)." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ accents on select elements (headers, bold text, etc.)." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,91 +180,98 @@ accents on select elements (headers, bold text, etc.)." />
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_duo_accent</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>, <span class='no'>secondary_color</span>),
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>),
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>),
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_duo_accent</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#035AA6"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#03A696"</span>,
white_color <span class='op'>=</span> <span class='st'>"#FFFFFF"</span>,
black_color <span class='op'>=</span> <span class='st'>"#000000"</span>,
text_color <span class='op'>=</span> <span class='va'>black_color</span>,
header_color <span class='op'>=</span> <span class='va'>primary_color</span>,
background_color <span class='op'>=</span> <span class='va'>white_color</span>,
link_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>primary_color</span>, <span class='va'>secondary_color</span><span class='op'>)</span>,
text_bold_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>primary_color</span>,
<span class='va'>secondary_color</span><span class='op'>)</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>primary_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>primary_color</span>,
<span class='va'>secondary_color</span><span class='op'>)</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
inverse_text_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>black_color</span>, <span class='va'>white_color</span><span class='op'>)</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>black_color</span>,
<span class='va'>white_color</span><span class='op'>)</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='va'>black_color</span>,
<span class='va'>white_color</span><span class='op'>)</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>primary_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>primary_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.8</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #006747. Used in
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #CFC493. Used in
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
a style function or in custom CSS.</p></td>
@@ -314,7 +352,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -385,6 +423,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -568,7 +614,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -581,7 +627,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -589,21 +635,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -625,7 +676,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -633,15 +684,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -652,7 +711,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -670,14 +729,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -709,14 +775,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -728,24 +800,25 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Duotone themes:
<code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
<code><a href='style_duo.html'>style_duo</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_duo_accent</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#cfc493"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_duo_accent</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -761,7 +834,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 181
- 108
dev/reference/style_duo_accent_inverse.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Duotone Accent Inverse Theme — style_duo_accent_inverse • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Duotone Accent Inverse Theme — style_duo_accent_inverse" />
<meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a two colors used
for color accents on select elements (headers, bold text, etc.)." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ for color accents on select elements (headers, bold text, etc.)." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,92 +180,99 @@ for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_duo_accent_inverse</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>, <span class='no'>primary_color</span>),
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>),
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
<span class='no'>primary_color</span>),
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='fl'>0.2</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#035AA6"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#03A696"</span>,
white_color <span class='op'>=</span> <span class='st'>"#FFFFFF"</span>,
black_color <span class='op'>=</span> <span class='st'>"#000000"</span>,
text_color <span class='op'>=</span> <span class='va'>white_color</span>,
header_color <span class='op'>=</span> <span class='va'>primary_color</span>,
background_color <span class='op'>=</span> <span class='va'>black_color</span>,
link_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>secondary_color</span>, <span class='va'>primary_color</span><span class='op'>)</span>,
text_bold_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>secondary_color</span>,
<span class='va'>primary_color</span><span class='op'>)</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>primary_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>secondary_color</span>,
<span class='va'>primary_color</span><span class='op'>)</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>secondary_color</span>,
inverse_text_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>black_color</span>, <span class='va'>white_color</span><span class='op'>)</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='va'>black_color</span>,
<span class='va'>white_color</span><span class='op'>)</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='va'>black_color</span>,
<span class='va'>white_color</span><span class='op'>)</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>primary_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>primary_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>primary_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>secondary_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span><span class='op'>(</span><span class='va'>primary_color</span>,
<span class='va'>secondary_color</span>, <span class='va'>primary_color</span><span class='op'>)</span>, <span class='fl'>0.2</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #006747. Used in
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #CFC493. Used in
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
a style function or in custom CSS.</p></td>
@@ -315,7 +353,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -386,6 +424,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -570,7 +616,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -583,7 +629,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -591,21 +637,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -627,7 +678,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -635,15 +686,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -654,7 +713,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -672,14 +731,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -711,14 +777,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -730,24 +802,25 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Duotone themes:
<code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
<code><a href='style_duo.html'>style_duo</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_duo_accent_inverse</span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#cfc493"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -763,7 +836,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 61
- 29
dev/reference/style_extra_css.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Add Extra CSS Styles — style_extra_css • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -45,6 +52,7 @@
<meta property="og:description" content="Adds css elements to target outfile, typically a xaringanthemer css file.
The css argument takes a list of CSS classes and definitions (see examples below)
and appends CSS rules to outfile." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ and appends CSS rules to outfile." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ and appends CSS rules to outfile." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,12 +182,12 @@ The <code>css</code> argument takes a list of CSS classes and definitions (see e
and appends CSS rules to <code>outfile</code>.</p>
</div>

<pre class="usage"><span class='fu'>style_extra_css</span>(
<span class='no'>css</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>,
<span class='kw'>append</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
<span class='kw'>heading</span> <span class='kw'>=</span> <span class='st'>"Extra CSS"</span>
)</pre>
<pre class="usage"><span class='fu'>style_extra_css</span><span class='op'>(</span>
<span class='va'>css</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>,
append <span class='op'>=</span> <span class='cn'>TRUE</span>,
heading <span class='op'>=</span> <span class='st'>"Extra CSS"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -191,18 +222,19 @@ named list of class identifiers, for example
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>style_extra_css</span>(
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span>(),
<span class='kw'>css</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
<span class='st'>".red"</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"red"</span>),
<span class='st'>".small"</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='st'>"font-size"</span> <span class='kw'>=</span> <span class='st'>"90%"</span>),
<span class='st'>".full-width"</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
<span class='kw'>display</span> <span class='kw'>=</span> <span class='st'>"flex"</span>,
<span class='kw'>width</span> <span class='kw'>=</span> <span class='st'>"100%"</span>,
<span class='kw'>flex</span> <span class='kw'>=</span> <span class='st'>"1 1 auto"</span>
)
)
)</div><div class='output co'>#&gt;
<pre class="examples"><div class='input'><span class='fu'>style_extra_css</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>,
css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>
<span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>,
<span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>,
<span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>
display <span class='op'>=</span> <span class='st'>"flex"</span>,
width <span class='op'>=</span> <span class='st'>"100%"</span>,
flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span>
<span class='op'>)</span>
<span class='op'>)</span>
<span class='op'>)</span>
</div><div class='output co'>#&gt;
#&gt;
#&gt; /* Extra CSS */
#&gt; .red {
@@ -231,7 +263,7 @@ named list of class identifiers, for example
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 172
- 101
dev/reference/style_mono_accent.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Monotone Accent Theme — style_mono_accent • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Monotone Accent Theme — style_mono_accent" />
<meta property="og:description" content="The default xaringan theme with a single color used for color
accents on select elements (headers, bold text, etc.)." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ accents on select elements (headers, bold text, etc.)." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,74 +180,79 @@ accents on select elements (headers, bold text, etc.)." />
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_mono_accent</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>,
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_mono_accent</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,
white_color <span class='op'>=</span> <span class='st'>"#FFFFFF"</span>,
black_color <span class='op'>=</span> <span class='st'>"#272822"</span>,
text_color <span class='op'>=</span> <span class='va'>black_color</span>,
header_color <span class='op'>=</span> <span class='va'>base_color</span>,
background_color <span class='op'>=</span> <span class='va'>white_color</span>,
link_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_bold_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>base_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='va'>base_color</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>base_color</span>,
inverse_text_color <span class='op'>=</span> <span class='va'>white_color</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>white_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>base_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.8</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -302,7 +338,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -370,6 +406,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -553,7 +597,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -566,7 +610,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -574,21 +618,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -610,7 +659,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -618,15 +667,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -637,7 +694,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -655,14 +712,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -694,14 +758,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -713,7 +783,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Monotone themes:
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
@@ -721,16 +791,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_mono_accent</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_mono_accent</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -746,7 +817,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 172
- 101
dev/reference/style_mono_accent_inverse.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Monotone Accent Inverse Theme — style_mono_accent_inverse • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Monotone Accent Inverse Theme — style_mono_accent_inverse" />
<meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a single color used
for color accents on select elements (headers, bold text, etc.)." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ for color accents on select elements (headers, bold text, etc.)." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,74 +180,79 @@ for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_mono_accent_inverse</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3C989E"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#3C989E"</span>,
white_color <span class='op'>=</span> <span class='st'>"#FFFFFF"</span>,
black_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.9</span><span class='op'>)</span>,
text_color <span class='op'>=</span> <span class='va'>white_color</span>,
header_color <span class='op'>=</span> <span class='va'>base_color</span>,
background_color <span class='op'>=</span> <span class='va'>black_color</span>,
link_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_bold_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>base_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='va'>base_color</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>base_color</span>,
inverse_text_color <span class='op'>=</span> <span class='va'>black_color</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>black_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>base_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.8</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -303,7 +339,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -371,6 +407,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -554,7 +598,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -567,7 +611,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -575,21 +619,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -611,7 +660,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -619,15 +668,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -638,7 +695,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -656,14 +713,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -695,14 +759,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -714,7 +784,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Monotone themes:
<code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
@@ -722,16 +792,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_mono_accent_inverse</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3c989e"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -747,7 +818,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 172
- 101
dev/reference/style_mono_dark.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Monotone Dark Theme — style_mono_dark • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -43,6 +50,7 @@

<meta property="og:title" content="Monotone Dark Theme — style_mono_dark" />
<meta property="og:description" content="A dark monotone theme based around a single color." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -77,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -93,35 +101,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,74 +178,79 @@
<p>A dark monotone theme based around a single color.</p>
</div>

<pre class="usage"><span class='fu'>style_mono_dark</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.85</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_mono_dark</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,
white_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.8</span><span class='op'>)</span>,
black_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.85</span><span class='op'>)</span>,
text_color <span class='op'>=</span> <span class='va'>white_color</span>,
header_color <span class='op'>=</span> <span class='va'>base_color</span>,
background_color <span class='op'>=</span> <span class='va'>black_color</span>,
link_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_bold_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>base_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='va'>base_color</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>base_color</span>,
inverse_text_color <span class='op'>=</span> <span class='va'>black_color</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>black_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>base_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.7</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -302,7 +338,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -370,6 +406,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -553,7 +597,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -566,7 +610,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -574,21 +618,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -610,7 +659,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -618,15 +667,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -637,7 +694,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -655,14 +712,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -694,14 +758,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -713,7 +783,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Monotone themes:
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
@@ -721,16 +791,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_mono_dark</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_mono_dark</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -746,7 +817,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 172
- 101
dev/reference/style_mono_light.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Monotone Light Theme — style_mono_light • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -43,6 +50,7 @@

<meta property="og:title" content="Monotone Light Theme — style_mono_light" />
<meta property="og:description" content="A light monotone theme based around a single color." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -77,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -93,35 +101,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,74 +178,79 @@
<p>A light monotone theme based around a single color.</p>
</div>

<pre class="usage"><span class='fu'>style_mono_light</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>,
<span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
<span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.3</span>),
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_mono_light</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,
white_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.9</span><span class='op'>)</span>,
black_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.3</span><span class='op'>)</span>,
text_color <span class='op'>=</span> <span class='va'>black_color</span>,
header_color <span class='op'>=</span> <span class='va'>base_color</span>,
background_color <span class='op'>=</span> <span class='va'>white_color</span>,
link_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_bold_color <span class='op'>=</span> <span class='va'>base_color</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>base_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='va'>base_color</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='va'>base_color</span>,
inverse_text_color <span class='op'>=</span> <span class='va'>white_color</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>white_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.6</span><span class='op'>)</span>,
left_column_selected_color <span class='op'>=</span> <span class='va'>base_color</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.5</span><span class='op'>)</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span><span class='op'>(</span><span class='va'>base_color</span>, <span class='fl'>0.8</span><span class='op'>)</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -302,7 +338,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -370,6 +406,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -553,7 +597,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -566,7 +610,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -574,21 +618,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -610,7 +659,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -618,15 +667,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -637,7 +694,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -655,14 +712,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -694,14 +758,20 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -713,7 +783,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Monotone themes:
<code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
<code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
@@ -721,16 +791,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_mono_light</span>(
<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_mono_light</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -746,7 +817,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 169
- 98
dev/reference/style_solarized_dark.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Solarized Dark Theme — style_solarized_dark • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -45,6 +52,7 @@
<meta property="og:description" content="A dark theme based around on the solarized color scheme.
Works well with &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,71 +182,76 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>style_solarized_dark</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#073642"</span>,
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_solarized_dark</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#839496"</span>,
header_color <span class='op'>=</span> <span class='st'>"#dc322f"</span>,
background_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
link_color <span class='op'>=</span> <span class='st'>"#b58900"</span>,
text_bold_color <span class='op'>=</span> <span class='st'>"#d33682"</span>,
text_slide_number_color <span class='op'>=</span> <span class='st'>"#586e75"</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"#268bd240"</span>,
code_inline_color <span class='op'>=</span> <span class='st'>"#6c71c4"</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#fdf6e3"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='st'>"#586e75"</span>,
left_column_selected_color <span class='op'>=</span> <span class='st'>"#93a1a1"</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='st'>"#cb4b16"</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#657b83"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#657b83"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='st'>"#073642"</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -280,7 +316,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -349,6 +385,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
@@ -530,7 +574,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -543,7 +587,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -551,21 +595,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -587,7 +636,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -595,15 +644,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -614,7 +671,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -632,14 +689,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -671,17 +735,23 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
<p><a href='https://ethanschoonover.com/solarized/'>https://ethanschoonover.com/solarized/</a></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -693,21 +763,22 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Solarized themes:
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_solarized_dark</span>(
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_solarized_dark</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -723,7 +794,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 169
- 98
dev/reference/style_solarized_light.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Solarized Light Theme — style_solarized_light • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -45,6 +52,7 @@
<meta property="og:description" content="A light theme based around on the solarized color scheme.
Works well with &quot;highlightStyle: solarized-dark&quot; or
&quot;highlighStyle: solarized-light&quot;." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +87,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +103,58 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,71 +182,76 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>style_solarized_light</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee8d5"</span>,
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>style_solarized_light</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#657b83"</span>,
header_color <span class='op'>=</span> <span class='st'>"#dc322f"</span>,
background_color <span class='op'>=</span> <span class='st'>"#fdf6e3"</span>,
link_color <span class='op'>=</span> <span class='st'>"#b58900"</span>,
text_bold_color <span class='op'>=</span> <span class='st'>"#d33682"</span>,
text_slide_number_color <span class='op'>=</span> <span class='st'>"#93a1a1"</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"#268bd240"</span>,
code_inline_color <span class='op'>=</span> <span class='st'>"#6c71c4"</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#fdf6e3"</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='st'>"#93a1a1"</span>,
left_column_selected_color <span class='op'>=</span> <span class='st'>"#586e75"</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='st'>"#cb4b16"</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#839496"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#839496"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='st'>"#eee8d5"</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a></span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -280,7 +316,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -349,6 +385,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
@@ -530,7 +574,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -543,7 +587,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
style function or in custom CSS.</p></td>
@@ -551,21 +595,26 @@ style function or in custom CSS.</p></td>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
any argument of a style function or in custom CSS.</p></td>
@@ -587,7 +636,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
argument of a style function or in custom CSS.</p></td>
@@ -595,15 +644,23 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -614,7 +671,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
@@ -632,14 +689,21 @@ argument of a style function or in custom CSS.</p></td>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -671,17 +735,23 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

<p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
<p><a href='https://ethanschoonover.com/solarized/'>https://ethanschoonover.com/solarized/</a></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -693,21 +763,22 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
<code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
<code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default</a>()</code></p>
<p>Other Solarized themes:
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_solarized_light</span>(
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_solarized_light</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>

<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -723,7 +794,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 164
- 93
dev/reference/style_xaringan.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Write A Customized Xaringan Theme — xaringanthemer_font_default • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -43,6 +50,7 @@

<meta property="og:title" content="Write A Customized Xaringan Theme — xaringanthemer_font_default" />
<meta property="og:description" content="Creates a customized Xaringan theme CSS file." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -77,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -93,35 +101,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,73 +178,78 @@
<p>Creates a customized Xaringan theme CSS file.</p>
</div>

<pre class="usage"><span class='fu'>xaringanthemer_font_default</span>(<span class='no'>font_arg</span>)

<span class='fu'>style_xaringan</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>,
<span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"rgb(249, 38, 114)"</span>,
<span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
<span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
<span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#d6d6d6"</span>,
<span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='st'>"#f3f3f3"</span>,
<span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
<span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
<span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
<span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#777"</span>,
<span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
<span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"lightgray"</span>,
<span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
<span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
<span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee"</span>,
<span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
<span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
<span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
<span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
<span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
<span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
<span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
<span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
<span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
<span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
<span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_family"</span>),
<span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_weight"</span>),
<span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_url"</span>),
<span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_family_fallback"</span>),
<span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
<span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_family"</span>),
<span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_weight"</span>),
<span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_url"</span>),
<span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_family"</span>),
<span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
<span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_url"</span>),
<span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_family_fallback"</span>),
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
)</pre>
<pre class="usage"><span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='va'>font_arg</span><span class='op'>)</span>

<span class='fu'>style_xaringan</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#000"</span>,
header_color <span class='op'>=</span> <span class='st'>"#000"</span>,
background_color <span class='op'>=</span> <span class='st'>"#FFF"</span>,
link_color <span class='op'>=</span> <span class='st'>"rgb(249, 38, 114)"</span>,
text_bold_color <span class='op'>=</span> <span class='cn'>NULL</span>,
text_slide_number_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
padding <span class='op'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
code_highlight_color <span class='op'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
code_inline_color <span class='op'>=</span> <span class='st'>"#000"</span>,
code_inline_background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
code_inline_font_size <span class='op'>=</span> <span class='st'>"1em"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#272822"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#d6d6d6"</span>,
inverse_text_shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
inverse_header_color <span class='op'>=</span> <span class='st'>"#f3f3f3"</span>,
inverse_link_color <span class='op'>=</span> <span class='va'>link_color</span>,
title_slide_text_color <span class='op'>=</span> <span class='va'>inverse_text_color</span>,
title_slide_background_color <span class='op'>=</span> <span class='va'>inverse_background_color</span>,
title_slide_background_image <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_slide_background_position <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_color <span class='op'>=</span> <span class='cn'>NULL</span>,
footnote_font_size <span class='op'>=</span> <span class='st'>"0.9em"</span>,
footnote_position_bottom <span class='op'>=</span> <span class='st'>"60px"</span>,
left_column_subtle_color <span class='op'>=</span> <span class='st'>"#777"</span>,
left_column_selected_color <span class='op'>=</span> <span class='st'>"#000"</span>,
blockquote_left_border_color <span class='op'>=</span> <span class='st'>"lightgray"</span>,
table_border_color <span class='op'>=</span> <span class='st'>"#666"</span>,
table_row_border_color <span class='op'>=</span> <span class='st'>"#ddd"</span>,
table_row_even_background_color <span class='op'>=</span> <span class='st'>"#eee"</span>,
base_font_size <span class='op'>=</span> <span class='st'>"20px"</span>,
text_font_size <span class='op'>=</span> <span class='st'>"1rem"</span>,
header_h1_font_size <span class='op'>=</span> <span class='st'>"2.75rem"</span>,
header_h2_font_size <span class='op'>=</span> <span class='st'>"2.25rem"</span>,
header_h3_font_size <span class='op'>=</span> <span class='st'>"1.75rem"</span>,
header_background_auto <span class='op'>=</span> <span class='cn'>FALSE</span>,
header_background_color <span class='op'>=</span> <span class='va'>header_color</span>,
header_background_text_color <span class='op'>=</span> <span class='va'>background_color</span>,
header_background_padding <span class='op'>=</span> <span class='cn'>NULL</span>,
header_background_content_padding_top <span class='op'>=</span> <span class='st'>"7rem"</span>,
header_background_ignore_classes <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>,
<span class='st'>"bottom"</span><span class='op'>)</span>,
text_slide_number_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
text_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_family <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"text_font_family"</span><span class='op'>)</span>,
text_font_weight <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"text_font_weight"</span><span class='op'>)</span>,
text_bold_font_weight <span class='op'>=</span> <span class='st'>"bold"</span>,
text_font_url <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"text_font_url"</span><span class='op'>)</span>,
text_font_family_fallback <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"text_font_family_fallback"</span><span class='op'>)</span>,
text_font_base <span class='op'>=</span> <span class='st'>"sans-serif"</span>,
header_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
header_font_family <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"header_font_family"</span><span class='op'>)</span>,
header_font_weight <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"header_font_weight"</span><span class='op'>)</span>,
header_font_family_fallback <span class='op'>=</span> <span class='st'>"Georgia, serif"</span>,
header_font_url <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"header_font_url"</span><span class='op'>)</span>,
code_font_google <span class='op'>=</span> <span class='cn'>NULL</span>,
code_font_family <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"code_font_family"</span><span class='op'>)</span>,
code_font_size <span class='op'>=</span> <span class='st'>"0.9rem"</span>,
code_font_url <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"code_font_url"</span><span class='op'>)</span>,
code_font_family_fallback <span class='op'>=</span> <span class='fu'>xaringanthemer_font_default</span><span class='op'>(</span><span class='st'>"code_font_family_fallback"</span><span class='op'>)</span>,
link_decoration <span class='op'>=</span> <span class='st'>"none"</span>,
colors <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_css <span class='op'>=</span> <span class='cn'>NULL</span>,
extra_fonts <span class='op'>=</span> <span class='cn'>NULL</span>,
outfile <span class='op'>=</span> <span class='st'>"xaringan-themer.css"</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -283,7 +319,7 @@ from the title slide. Defaults to <code>NULL</code>. Modifies the
<th>background_size</th>
<td><p>Background image size, requires <code>background_image</code> to
be set. If <code>background_image</code> is set, <code>background_size</code> will default to
<code>cover</code> so the backround fills the screen. If both <code>background_image</code> and
<code>cover</code> so the background fills the screen. If both <code>background_image</code> and
<code>background_position</code> are set, will default to 100 percent. Defaults to
<code>NULL</code>. Modifies the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
@@ -351,6 +387,14 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>inverse_link_color</th>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -533,7 +577,7 @@ Background will not be Applied. Defaults to
<tr>
<th>text_slide_number_font_size</th>
<td><p>Slide Number Text Font Size. Defaults to
0.9em. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
0.9rem. Modifies the <code>.remark-slide-number</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values.</p></td>
</tr>
@@ -558,6 +602,11 @@ style function or in custom CSS.</p></td>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>text_bold_font_weight</th>
<td><p>Body Bold Text Font Weight. Defaults to bold.
Modifies the <code>strong</code> element.</p></td>
</tr>
<tr>
<th>text_font_url</th>
@@ -602,6 +651,14 @@ argument of a style function or in custom CSS.</p></td>
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
</tr>
<tr>
<th>header_font_family_fallback</th>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
@@ -643,6 +700,13 @@ elements.</p></td>
<td><p>Code Font Fallback. Defaults to
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
<th>link_decoration</th>
<td><p>Text decoration of links. Defaults to none. Modifies
the <code>a, a &gt; code</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration'>text-decoration</a>
property values.</p></td>
</tr>
<tr>
<th>colors</th>
@@ -674,11 +738,16 @@ class with the <code>font-family</code> property. See the <strong>Fonts</strong>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The CSS styles are written to the file path provided in <code>outfile</code>
(by default to <code>xaringan-themer.css</code>). If <code>outfile</code> is <code>NULL</code>, the CSS is
returned directly as a character string.</p>
<h2 class="hasAnchor" id="functions"><a class="anchor" href="#functions"></a>Functions</h2>

<ul>
<li><p><code>xaringanthemer_font_default</code>: Default values for font family, wieght, URLs and
<li><p><code>xaringanthemer_font_default</code>: Default values for font family, weight, URLs and
font fallbacks.</p></li>
</ul>
<h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>
@@ -686,9 +755,10 @@ font fallbacks.</p></li>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
<span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
<span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span>
<span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span>
<span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other themes:
@@ -704,18 +774,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer-"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'>style_xaringan</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#002b3"</span>,
<span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,
<span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b3"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_xaringan</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>
</div><div class='output co'>#&gt; <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -731,7 +802,7 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/theme_xaringan-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 73KB Width: 1400  |  Height: 866  |  Size: 51KB

+ 87
- 52
dev/reference/theme_xaringan.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,10 +49,11 @@

<meta property="og:title" content="A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan" />
<meta property="og:description" content="Lifecycle: Maturing
<meta property="og:description" content="
Creates ggplot2 themes to match the xaringanthemer theme used in the
xaringan slides that seamlessly matches the &quot;normal&quot; slide colors and
styles." />
styles. See vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -80,7 +88,7 @@ styles." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -96,35 +104,58 @@ styles." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -147,27 +178,27 @@ styles." />
</div>

<div class="ref-description">
<p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<p>Creates <span class="pkg">ggplot2</span> themes to match the xaringanthemer theme used in the
<span class="pkg">xaringan</span> slides that seamlessly matches the "normal" slide colors and
styles.</p>
styles. See <code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
)</pre>
<pre class="usage"><span class='fu'>theme_xaringan</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='cn'>NULL</span>,
background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_secondary_color <span class='op'>=</span> <span class='cn'>NULL</span>,
css_file <span class='op'>=</span> <span class='cn'>NULL</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>,
text_font <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
use_showtext <span class='op'>=</span> <span class='cn'>NULL</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -210,7 +241,8 @@ defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_re
<th>text_font</th>
<td><p>Font to use for text elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>text_font_use_google</th>
@@ -225,7 +257,8 @@ defaults to 11.</p></td>
<th>title_font</th>
<td><p>Font to use for title elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>title_font_use_google</th>
@@ -238,10 +271,11 @@ or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
used to register Google fonts. Set to <code>FALSE</code> to disable this feature
entirely, which may result in errors during plotting if the fonts used are
not available locally.</p></td>
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

@@ -257,30 +291,31 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='no'>has_ggplot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
<span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>

<span class='kw'>if</span> (<span class='no'>has_ggplot2</span>) {
<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='co'># Because this is an example, we'll save the CSS to a temp file</span>
<span class='no'>path_to_css_file</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
<span class='co'># Using basic fonts for this example, but the plot theme will</span>
<span class='co'># automatically use your theme font if you use Google fonts</span>
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>path_to_css_file</span>
)

<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Yet another Iris plot"</span>) +
<span class='fu'>theme_xaringan</span>()
}</div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre>
text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>

<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -296,7 +331,7 @@ not available locally.</p></td>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/theme_xaringan_base-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 91KB Width: 1400  |  Height: 866  |  Size: 64KB

Двоичные данные
dev/reference/theme_xaringan_base-2.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 57KB Width: 1400  |  Height: 866  |  Size: 38KB

+ 126
- 89
dev/reference/theme_xaringan_base.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>The ggplot2 xaringanthemer base plot theme — theme_xaringan_base • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,14 +49,16 @@

<meta property="og:title" content="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base" />
<meta property="og:description" content="Lifecycle: Maturing
Provides a base plot theme for ggplot2 to match the xaringan slide theme
created by xaringanthemer. The theme is designed to create a general plot
style from two colors, a background_color and a text_color (or foreground
color). Also accepts an accent_color and an accent_secondary_color that are
xaringanthemer is not required for the base theme. Use
theme_xaringan() or theme_xaringan_inverse() in xaringan slides styled by
xaringanthemer for a plot theme that matches the slide style." />
<meta property="og:description" content="
Provides a base plot theme for ggplot2 to match the xaringan
slide theme created by xaringanthemer. The theme is designed to create a
general plot style from two colors, a background_color and a text_color
(or foreground color). Also accepts an accent_color and an
accent_secondary_color that are xaringanthemer is not required for the
base theme. Use theme_xaringan() or theme_xaringan_inverse() in xaringan
slides styled by xaringanthemer for a plot theme that matches the slide
style. See vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -84,7 +93,7 @@ xaringanthemer for a plot theme that matches the slide style." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -100,35 +109,58 @@ xaringanthemer for a plot theme that matches the slide style." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -151,31 +183,32 @@ xaringanthemer for a plot theme that matches the slide style." />
</div>

<div class="ref-description">
<p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
<p>Provides a base plot theme for <span class="pkg">ggplot2</span> to match the <span class="pkg">xaringan</span> slide theme
created by <a href='xaringanthemer-package.html'>xaringanthemer</a>. The theme is designed to create a general plot
style from two colors, a <code>background_color</code> and a <code>text_color</code> (or foreground
color). Also accepts an <code>accent_color</code> and an <code>accent_secondary_color</code> that are
<a href='xaringanthemer-package.html'>xaringanthemer</a> is not required for the base theme. Use
<code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code> in xaringan slides styled by
xaringanthemer for a plot theme that matches the slide style.</p>
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<p>Provides a base plot theme for <span class="pkg">ggplot2</span> to match the <span class="pkg">xaringan</span>
slide theme created by <a href='xaringanthemer-package.html'>xaringanthemer</a>. The theme is designed to create a
general plot style from two colors, a <code>background_color</code> and a <code>text_color</code>
(or foreground color). Also accepts an <code>accent_color</code> and an
<code>accent_secondary_color</code> that are <a href='xaringanthemer-package.html'>xaringanthemer</a> is not required for the
base theme. Use <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code> in xaringan
slides styled by xaringanthemer for a plot theme that matches the slide
style. See <code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_base</span>(
<span class='no'>text_color</span>,
<span class='no'>background_color</span>,
<span class='no'>...</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
)</pre>
<pre class="usage"><span class='fu'>theme_xaringan_base</span><span class='op'>(</span>
<span class='va'>text_color</span>,
<span class='va'>background_color</span>,
<span class='va'>...</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>,
accent_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_secondary_color <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
use_showtext <span class='op'>=</span> <span class='cn'>NULL</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -215,7 +248,8 @@ defaults.</p></td>
<th>text_font</th>
<td><p>Font to use for text elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>text_font_use_google</th>
@@ -230,7 +264,8 @@ defaults to 11.</p></td>
<th>title_font</th>
<td><p>Font to use for title elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>title_font_use_google</th>
@@ -243,10 +278,11 @@ or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
used to register Google fonts. Set to <code>FALSE</code> to disable this feature
entirely, which may result in errors during plotting if the fonts used are
not available locally.</p></td>
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

@@ -262,49 +298,50 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='no'>has_ggplot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)

<span class='kw'>if</span> (<span class='no'>has_ggplot2</span>) {
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)

<span class='no'>plot1</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
<span class='fu'>theme_xaringan_base</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#602f6b"</span>, <span class='co'># imperial</span>
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span>
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#317873"</span>, <span class='co'># myrtle green</span>
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span>(
<span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
<span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
<span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"xaringanthemer"</span>
)

<span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span>(<span class='no'>plot1</span>)

<span class='no'>plot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Sepal.Width</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span>(<span class='kw'>binwidth</span> <span class='kw'>=</span> <span class='fl'>0.1</span>) +
<span class='fu'>theme_xaringan_base</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span>
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span>
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span>
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span>(
<span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
<span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
<span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"xaringanthemer"</span>
)

<span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span>(<span class='no'>plot2</span>)
}</div><div class='img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></div><div class='img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></div></pre>
<span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>

<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>

<span class='va'>plot1</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'>theme_xaringan_base</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#602f6b"</span>, <span class='co'># imperial</span>
background_color <span class='op'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span>
accent_color <span class='op'>=</span> <span class='st'>"#317873"</span>, <span class='co'># myrtle green</span>
title_font <span class='op'>=</span> <span class='st'>"sans"</span>,
text_font <span class='op'>=</span> <span class='st'>"serif"</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>
<span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span>
title <span class='op'>=</span> <span class='st'>"Fuel Efficiency of Various Cars"</span>,
subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span>
<span class='op'>)</span>

<span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot1</span><span class='op'>)</span>

<span class='va'>plot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span><span class='op'>(</span>binwidth <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'>theme_xaringan_base</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span>
background_color <span class='op'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span>
accent_color <span class='op'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span>
title_font <span class='op'>=</span> <span class='st'>"sans"</span>,
text_font <span class='op'>=</span> <span class='st'>"serif"</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>
<span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span>
title <span class='op'>=</span> <span class='st'>"Highway Fuel Efficiency"</span>,
subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span>
<span class='op'>)</span>

<span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot2</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></div><div class='img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -320,7 +357,7 @@ not available locally.</p></td>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 53
- 15
dev/reference/theme_xaringan_get_value.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -44,6 +51,7 @@
<meta property="og:title" content="Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value" />
<meta property="og:description" content="A helper function to retrieve the value of style settings as set by a
xaringanthemer style function, for use in plotting and other circumstances." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -78,7 +86,7 @@ xaringanthemer style function, for use in plotting and other circumstances." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -94,35 +102,58 @@ xaringanthemer style function, for use in plotting and other circumstances." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,7 +180,7 @@ xaringanthemer style function, for use in plotting and other circumstances." />
xaringanthemer style function, for use in plotting and other circumstances.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_get_value</span>(<span class='no'>setting</span>, <span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
<pre class="usage"><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='va'>setting</span>, css_file <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -169,6 +200,9 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The value of the xaringanthemer style parameter.</p>
<h2 class="hasAnchor" id="style-settings"><a class="anchor" href="#style-settings"></a>Style Settings</h2>

@@ -242,11 +276,15 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span>
<span class='no'>xaringan_themer_css</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='st'>"xaringan-themer"</span>, <span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span>(<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span>)
<span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span><span class='op'>(</span>outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span><span class='op'>)</span>

<span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_color"</span>)</div><div class='output co'>#&gt; [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"background_color"</span>)</div><div class='output co'>#&gt; [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"header_color"</span>)</div><div class='output co'>#&gt; [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_bold_color"</span>)</div><div class='output co'>#&gt; [1] "#d33682"</div><div class='input'>
<span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#d33682"</div><div class='input'>
</div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -263,7 +301,7 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

Двоичные данные
dev/reference/theme_xaringan_inverse-1.png Просмотреть файл

Before After
Width: 1400  |  Height: 866  |  Size: 70KB Width: 1400  |  Height: 866  |  Size: 51KB

+ 89
- 52
dev/reference/theme_xaringan_inverse.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,9 +49,11 @@

<meta property="og:title" content="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse" />
<meta property="og:description" content="Lifecycle: Maturing
<meta property="og:description" content="
A ggplot2 xaringanthemer plot theme to seamlessly match the &quot;inverse&quot;
xaringan slide colors and styles as styled by xaringanthemer." />
xaringan slide colors and styles as styled by xaringanthemer. See
vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -79,7 +88,7 @@ xaringan slide colors and styles as styled by xaringanthemer." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -95,35 +104,58 @@ xaringan slide colors and styles as styled by xaringanthemer." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -146,26 +178,27 @@ xaringan slide colors and styles as styled by xaringanthemer." />
</div>

<div class="ref-description">
<p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<p>A <span class="pkg">ggplot2</span> xaringanthemer plot theme to seamlessly match the "inverse"
<span class="pkg">xaringan</span> slide colors and styles as styled by <a href='xaringanthemer-package.html'>xaringanthemer</a>.</p>
<span class="pkg">xaringan</span> slide colors and styles as styled by <a href='xaringanthemer-package.html'>xaringanthemer</a>. See
<code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_inverse</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
)</pre>
<pre class="usage"><span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='cn'>NULL</span>,
background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_secondary_color <span class='op'>=</span> <span class='cn'>NULL</span>,
css_file <span class='op'>=</span> <span class='cn'>NULL</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>,
text_font <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
use_showtext <span class='op'>=</span> <span class='cn'>NULL</span>
<span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -208,7 +241,8 @@ defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_re
<th>text_font</th>
<td><p>Font to use for text elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>text_font_use_google</th>
@@ -223,7 +257,8 @@ defaults to 11.</p></td>
<th>title_font</th>
<td><p>Font to use for title elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a
<code><a href='google_font.html'>google_font()</a></code>.</p></td>
</tr>
<tr>
<th>title_font_use_google</th>
@@ -236,10 +271,11 @@ or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
used to register Google fonts. Set to <code>FALSE</code> to disable this feature
entirely, which may result in errors during plotting if the fonts used are
not available locally.</p></td>
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

@@ -255,31 +291,32 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='no'>has_ggplot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
<span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>

<span class='kw'>if</span> (<span class='no'>has_ggplot2</span>) {
<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='co'># Because this is an example, we'll save the CSS to a temp file</span>
<span class='no'>path_to_css_file</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span>(
<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
<span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
<span class='co'># Using basic fonts for this example, but the plot theme will</span>
<span class='co'># automatically use your theme font if you use Google fonts</span>
<span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
<span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
<span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>path_to_css_file</span>
)
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Yet another Iris plot"</span>) +
text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># themed to match the inverse slides: teal background with dark blue text</span>
<span class='fu'>theme_xaringan_inverse</span>()
}</div><div class='img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></div></pre>
<span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></div></pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
@@ -295,7 +332,7 @@ not available locally.</p></td>
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 53
- 22
dev/reference/theme_xaringan_set_defaults.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -42,12 +49,13 @@

<meta property="og:title" content="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults" />
<meta property="og:description" content="Lifecycle: Maturing
<meta property="og:description" content="
Set ggplot2 geom defaults to match theme_xaringan() with
theme_xaringan_set_defaults() and restore the standard or previously-set
defaults with theme_xaringan_restore_defaults(). By default,
theme_xaringan_set_defaults() is run with theme_xaringan() or
theme_xaringan_inverse()." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -82,7 +90,7 @@ theme_xaringan_inverse()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -98,35 +106,58 @@ theme_xaringan_inverse()." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -149,7 +180,7 @@ theme_xaringan_inverse()." />
</div>

<div class="ref-description">
<p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<p>Set <span class="pkg">ggplot2</span> <em>geom</em> defaults to match <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> with
<code>theme_xaringan_set_defaults()</code> and restore the standard or previously-set
defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
@@ -157,15 +188,15 @@ defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_set_defaults</span>(
<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
<span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
<span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='no'>accent_color</span>,
<span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
)
<pre class="usage"><span class='fu'>theme_xaringan_set_defaults</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='cn'>NULL</span>,
background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_color <span class='op'>=</span> <span class='va'>text_color</span>,
accent_secondary_color <span class='op'>=</span> <span class='va'>accent_color</span>,
text_font <span class='op'>=</span> <span class='cn'>NULL</span>
<span class='op'>)</span>

<span class='fu'>theme_xaringan_restore_defaults</span>()</pre>
<span class='fu'>theme_xaringan_restore_defaults</span><span class='op'>(</span><span class='op'>)</span></pre>

<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
@@ -193,7 +224,7 @@ defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
<th>text_font</th>
<td><p>Font to use for text elements, passed to
<code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
<code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
<code>TRUE</code>. Inherits from <code>text_font_family</code>. Must be a length-one character.</p></td>
</tr>
</table>

@@ -230,7 +261,7 @@ defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 65
- 23
dev/reference/xaringanthemer-deprecated.html Просмотреть файл

@@ -8,6 +8,13 @@

<title>Deprecated or renamed functions — xaringanthemer-deprecated • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -54,6 +61,7 @@ Use style_duo_accent() instead of duo_accent().
Use style_duo_accent_inverse() instead of duo_accent_inverse().
Use style_solarized_light() instead of solarized_light().
Use style_solarized_dark() instead of solarized_dark()." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -88,7 +96,7 @@ Use style_solarized_dark() instead of solarized_dark()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -104,35 +112,58 @@ Use style_solarized_dark() instead of solarized_dark()." />
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -156,7 +187,7 @@ Use style_solarized_dark() instead of solarized_dark()." />

<div class="ref-description">
<p>These functions in xaringanthemer have been deprecated or renamed.</p>
<p>Use <code><a href='style_xaringan.html'>style_xaringan()</a></code> instead of <code>write_xaringan_theme()</code>.</p>
<p>Use <code><a href='xaringanthemer_font_default.html'>style_xaringan()</a></code> instead of <code>write_xaringan_theme()</code>.</p>
<p>Use <code><a href='style_extra_css.html'>style_extra_css()</a></code> instead of <code>write_extra_css()</code>.</p>
<p>Use <code><a href='style_mono_light.html'>style_mono_light()</a></code> instead of <code>mono_light()</code>.</p>
<p>Use <code><a href='style_mono_dark.html'>style_mono_dark()</a></code> instead of <code>mono_dark()</code>.</p>
@@ -169,29 +200,40 @@ Use style_solarized_dark() instead of solarized_dark()." />
<p>Use <code><a href='style_solarized_dark.html'>style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</p>
</div>

<pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='no'>...</span>)
<pre class="usage"><span class='fu'>write_xaringan_theme</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>write_extra_css</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>write_extra_css</span>(<span class='no'>...</span>)
<span class='fu'>mono_light</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>mono_light</span>(<span class='no'>...</span>)
<span class='fu'>mono_dark</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>mono_dark</span>(<span class='no'>...</span>)
<span class='fu'>mono_accent</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>mono_accent</span>(<span class='no'>...</span>)
<span class='fu'>mono_accent_inverse</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>mono_accent_inverse</span>(<span class='no'>...</span>)
<span class='fu'>duo</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>duo</span>(<span class='no'>...</span>)
<span class='fu'>duo_accent</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>duo_accent</span>(<span class='no'>...</span>)
<span class='fu'>duo_accent_inverse</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>duo_accent_inverse</span>(<span class='no'>...</span>)
<span class='fu'>solarized_light</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>

<span class='fu'>solarized_light</span>(<span class='no'>...</span>)
<span class='fu'>solarized_dark</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>

<span class='fu'>solarized_dark</span>(<span class='no'>...</span>)</pre>
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>...</th>
<td><p>Argumets passed to the new or renamed functions.</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

<p>The result of the new or renamed function.</p>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -208,7 +250,7 @@ Use style_solarized_dark() instead of solarized_dark()." />
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 53
- 17
dev/reference/xaringanthemer-package.html Просмотреть файл

@@ -6,8 +6,15 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>xaringanthemer: Custom 'Xaringan' CSS Themes — xaringanthemer-package • xaringanthemer</title>
<title>xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package • xaringanthemer</title>

<!-- favicons -->
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />

<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
@@ -41,13 +48,15 @@
<link href="../extra.css" rel="stylesheet">

<meta property="og:title" content="xaringanthemer: Custom 'Xaringan' CSS Themes — xaringanthemer-package" />
<meta property="og:description" content="Create beautifully color-cordinated and customized
<meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" />
<meta property="og:description" content="
Create beautifully color-coordinated and customized
themes for your 'xaringan' slides, without writing any CSS. Complete
your slide theme with 'ggplot2' themes that match the font and colors
used in your slides. Customized styles can be created directly in
your slides' 'R Markdown' source file or in a separate external
script." />
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" />
<meta name="twitter:site" content="@grrrck" />
@@ -82,7 +91,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
<span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
</span>
</div>

@@ -98,35 +107,58 @@
<a href="../articles/themes.html">Themes</a>
</li>
<li>
<a href="../articles/fonts.html">Fonts</a>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
More
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="../articles/fonts.html">Fonts</a>
</li>
<li>
<a href="../articles/template-variables.html">Template Variables</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../news/index.html">
<span class="fa fa fa fa-newspaper-o fa-lg"></span>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fa fa-github fa-lg"></span>
<span class="fab fa-github fa-lg"></span>
</a>
</li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fa fa-twitter fa-lg"></span>
<span class="fab fa-twitter fa-lg"></span>
</a>
</li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fa fa-home fa-lg"></span>
<span class="fas fa-home fa-lg"></span>
</a>
</li>
@@ -143,13 +175,14 @@
<div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>xaringanthemer: Custom 'Xaringan' CSS Themes</h1>
<h1>xaringanthemer: Custom 'xaringan' CSS Themes</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-package.R'><code>R/xaringanthemer-package.R</code></a></small>
<div class="hidden name"><code>xaringanthemer-package.Rd</code></div>
</div>

<div class="ref-description">
<p>Create beautifully color-cordinated and customized
<p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p>
<p>Create beautifully color-coordinated and customized
themes for your 'xaringan' slides, without writing any CSS. Complete
your slide theme with 'ggplot2' themes that match the font and colors
used in your slides. Customized styles can be created directly in
@@ -162,12 +195,15 @@
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Useful links:</p><ul>
<li><p><a href='https://pkg.garrickadenbuie.com/xaringanthemer'>https://pkg.garrickadenbuie.com/xaringanthemer</a></p></li>
<li><p><a href='https://pkg.garrickadenbuie.com/xaringanthemer/'>https://pkg.garrickadenbuie.com/xaringanthemer/</a></p></li>
<li><p><a href='https://github.com/gadenbuie/xaringanthemer'>https://github.com/gadenbuie/xaringanthemer</a></p></li>
<li><p>Report bugs at <a href='https://github.com/gadenbuie/xaringanthemer/issues'>https://github.com/gadenbuie/xaringanthemer/issues</a></p></li>
</ul>

</div>
<h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>

<p><strong>Maintainer</strong>: Garrick Aden-Buie <a href='mailto:garrick@adenbuie.com'>garrick@adenbuie.com</a> (<a href='https://orcid.org/0000-0002-7111-0077'>ORCID</a>)</p>

</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
@@ -184,7 +220,7 @@
</div>

<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
</div>

</footer>

+ 3
- 0
dev/sitemap.xml Просмотреть файл

@@ -78,6 +78,9 @@
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/fonts.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/ggplot2-themes.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/template-variables.html</loc>
</url>

Редактирование Предпросмотр
Загрузка…
Отмена
Сохранить