garrick
/
xaringanthemer
kopia lustrzana https://github.com/gadenbuie/xaringanthemer.git
Obserwuj 1
Polub 0
Forkuj 0
Kod Zgłoszenia 0 Wydania 10 Wiki Aktywność
Przeglądaj źródła

Built site for xaringanthemer: 0.4.1@d1f05f6

gh-pages
gadenbuie 4 lat temu
rodzic
ca003a63be
commit
f6771a152c
56 zmienionych plików z 18530 dodań i 12996 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. +92
    -160
      404.html
  2. +65
    -168
      LICENSE-text.html
  3. +65
    -168
      LICENSE.html
  4. +96
    -116
      articles/fonts.html
  5. +157
    -178
      articles/ggplot2-themes.html
  6. +77
    -175
      articles/index.html
  7. +96
    -117
      articles/template-variables.html
  8. +119
    -140
      articles/themes.html
  9. +176
    -197
      articles/xaringanthemer.html
  10. +91
    -169
      authors.html
  11. +0
    -60
      bootstrap-toc.css
  12. +0
    -159
      bootstrap-toc.js
  13. BIN
      deps/_IBM Plex Mono-0.4.0/-F63fjptAgt5VM-kVkqdyU8n5is.woff
  14. +7
    -0
      deps/_IBM Plex Mono-0.4.0/font.css
  15. +7
    -0
      deps/bootstrap-5.1.0/bootstrap.bundle.min.js
  16. +1
    -0
      deps/bootstrap-5.1.0/bootstrap.bundle.min.js.map
  17. +1
    -0
      deps/bootstrap-5.1.0/bootstrap.min.css
  18. +5
    -0
      deps/data-deps.txt
  19. +10881
    -0
      deps/jquery-3.6.0/jquery-3.6.0.js
  20. +2
    -0
      deps/jquery-3.6.0/jquery-3.6.0.min.js
  21. +1
    -0
      deps/jquery-3.6.0/jquery-3.6.0.min.map
  22. +0
    -148
      docsearch.css
  23. +0
    -85
      docsearch.js
  24. +33
    -15
      extra.css
  25. +133
    -139
      index.html
  26. +96
    -225
      news/index.html
  27. +0
    -367
      pkgdown.css
  28. +111
    -65
      pkgdown.js
  29. +4
    -4
      pkgdown.yml
  30. +96
    -195
      reference/apply_alpha.html
  31. +107
    -207
      reference/choose_dark_or_light.html
  32. +121
    -222
      reference/google_font.html
  33. +91
    -190
      reference/google_language_codes.html
  34. +207
    -349
      reference/index.html
  35. +96
    -197
      reference/lighten_darken_color.html
  36. +209
    -317
      reference/scale_xaringan.html
  37. +413
    -647
      reference/style_duo.html
  38. +424
    -662
      reference/style_duo_accent.html
  39. +425
    -663
      reference/style_duo_accent_inverse.html
  40. +124
    -227
      reference/style_extra_css.html
  41. +416
    -652
      reference/style_mono_accent.html
  42. +416
    -652
      reference/style_mono_accent_inverse.html
  43. +414
    -651
      reference/style_mono_dark.html
  44. +414
    -651
      reference/style_mono_light.html
  45. +407
    -635
      reference/style_solarized_dark.html
  46. +407
    -635
      reference/style_solarized_light.html
  47. +411
    -645
      reference/style_xaringan.html
  48. +172
    -291
      reference/theme_xaringan.html
  49. +198
    -312
      reference/theme_xaringan_base.html
  50. +105
    -207
      reference/theme_xaringan_get_value.html
  51. +174
    -293
      reference/theme_xaringan_inverse.html
  52. +122
    -226
      reference/theme_xaringan_set_defaults.html
  53. +111
    -201
      reference/xaringanthemer-deprecated.html
  54. +82
    -184
      reference/xaringanthemer-package.html
  55. +1
    -0
      search.json
  56. +51
    -30
      sitemap.xml

+ 92
- 160
404.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- 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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Page not found (404) • xaringanthemer</title> <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>
<!-- 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="https://pkg.garrickadenbuie.com/xaringanthemer//bootstrap-toc.css">
<script src="https://pkg.garrickadenbuie.com/xaringanthemer//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="https://pkg.garrickadenbuie.com/xaringanthemer//pkgdown.css" rel="stylesheet">
<script src="https://pkg.garrickadenbuie.com/xaringanthemer//pkgdown.js"></script>



<link href="https://pkg.garrickadenbuie.com/xaringanthemer//extra.css" rel="stylesheet">

<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" />




<!-- 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]>
<!-- 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">
<script src="https://pkg.garrickadenbuie.com/xaringanthemer/deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="https://pkg.garrickadenbuie.com/xaringanthemer/deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="https://pkg.garrickadenbuie.com/xaringanthemer/deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="https://pkg.garrickadenbuie.com/xaringanthemer/pkgdown.js"></script><link href="https://pkg.garrickadenbuie.com/xaringanthemer/extra.css" rel="stylesheet">
<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">
<!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head>
<body>
<a href="https://pkg.garrickadenbuie.com/xaringanthemer/#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="https://pkg.garrickadenbuie.com/xaringanthemer/index.html">xaringanthemer</a>


<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


</head>

<body data-spy="scroll" data-target="#toc">
<div class="container template-title-body">
<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="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</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>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="https://pkg.garrickadenbuie.com/xaringanthemer/reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="https://pkg.garrickadenbuie.com/xaringanthemer/#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="https://pkg.garrickadenbuie.com/xaringanthemer/articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="https://pkg.garrickadenbuie.com/xaringanthemer/#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://pkg.garrickadenbuie.com/xaringanthemer/news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</div>


</div>
</nav><div class="container template-title-body">
<div class="row"> <div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>Page not found (404)</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" class="logo" alt=""><h1>Page not found (404)</h1>
</div> </div>


Content not found. Please use links in the navbar. Content not found. Please use links in the navbar.


</div>

<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>

</main>
</div> </div>





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


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


</footer>
</div>
</footer>
</div>






</body> </body>
</html> </html>



+ 65
- 168
LICENSE-text.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><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"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-title-body">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-title-body">
<div class="row"> <div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>License</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="logo.png" class="logo" alt=""><h1>License</h1>
</div> </div>


<pre>YEAR: 2020 <pre>YEAR: 2020
COPYRIGHT HOLDER: Garrick Aden-Buie COPYRIGHT HOLDER: Garrick Aden-Buie
</pre> </pre>


</div>

<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>

</div>
</main></div>





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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 65
- 168
LICENSE.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><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"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-title-body">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="articles/themes.html">Themes</a>
<li class="nav-item">
<a class="nav-link" href="reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-title-body">
<div class="row"> <div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>MIT License</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="logo.png" class="logo" alt=""><h1>MIT License</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/LICENSE.md" class="external-link"><code>LICENSE.md</code></a></small>
</div> </div>


<div id="mit-license" class="section level1"> <div id="mit-license" class="section level1">
<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> <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>
</div> </div>


</div>
</main></div>


<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>


<footer><div class="pkgdown-footer-left">
<p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p>
</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 class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.1.</p>
</div> </div>


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 96
- 116
articles/fonts.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xaringanthemer">
<title>Fonts • xaringanthemer</title> <title>Fonts • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="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="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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">
<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Fonts"> <meta property="og:title" content="Fonts">
<meta property="og:description" content="xaringanthemer"> <meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"> <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="active nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->



</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>
</div>
</nav><div class="container template-article">
<script src="fonts_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<main id="main"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Fonts</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/fonts.Rmd"><code>vignettes/fonts.Rmd</code></a></small>
<div class="hidden name"><code>fonts.Rmd</code></div>

<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/fonts.Rmd" class="external-link"><code>vignettes/fonts.Rmd</code></a></small>
<div class="d-none name"><code>fonts.Rmd</code></div>
</div> </div>


font-size: 1.25em; font-size: 1.25em;
} }
</style> </style>
<div id="default-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
<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="section level3">
<h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a>
</h3>
<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" class="external-link">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto Sans</a> for body text.</p>
<div class="font-preview"> <div class="font-preview">
<p style="font-size: 1.5em" class="cabin"> <p style="font-size: 1.5em" class="cabin">
A Cabin in the Clearing A Cabin in the Clearing
</p> </p>
</div> </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>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>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.org/xaringan/" class="external-link">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"> <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>
<code class="sourceCode R"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</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>, 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> 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> <span class="op">)</span></code></pre></div>
</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="section level3">
<h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a>
</h3>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">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"><pre class="downlit sourceCode r"> <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> <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>, 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>,
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> 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> <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>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>
<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" class="external-link">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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"><pre class="downlit sourceCode r"> <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 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_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
<span class="op">)</span></code></pre></div> <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> <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>
<div id="using-additional-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<div class="section level3">
<h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a>
</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> <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"><pre class="downlit sourceCode r"> <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> <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>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">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="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="co"># Young Serif by uplaod.fr</span>
<span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>, <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
<span class="op">)</span>, <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>
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">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" class="external-link">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" class="external-link">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>
<span class="op">)</span></code></pre></div> <span class="op">)</span></code></pre></div>
</div> </div>
</div>

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

</div>

</main>
</div> </div>






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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 157
- 178
articles/ggplot2-themes.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xaringanthemer">
<title>ggplot2 Themes • xaringanthemer</title> <title>ggplot2 Themes • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="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="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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">
<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="ggplot2 Themes"> <meta property="og:title" content="ggplot2 Themes">
<meta property="og:description" content="xaringanthemer"> <meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"> <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="active nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </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>
</div>
</nav><div class="container template-article">
<script src="ggplot2-themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<main id="main"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>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>

<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/ggplot2-themes.Rmd" class="external-link"><code>vignettes/ggplot2-themes.Rmd</code></a></small>
<div class="d-none name"><code>ggplot2-themes.Rmd</code></div>
</div> </div>


<style type="text/css"> <style type="text/css">
img { max-width: 100%; border: none; } img { max-width: 100%; border: none; }
</style> </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><strong>xaringanthemer</strong> provides two <a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a> themes for your <a href="https://github.com/yihui/xaringan" class="external-link">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> <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>
<div class="section level3">
<h3 id="key-features">Key Features<a class="anchor" aria-label="anchor" href="#key-features"></a>
</h3>
<ul> <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 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>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" class="external-link">ggplot2::geom_point()</a></code> and <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">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>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> <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> </ul>
</div> </div>
<div id="setup-your-theme" class="section level2">
<h2 class="hasAnchor">
<a href="#setup-your-theme" class="anchor"></a>Setup Your Theme</h2>
<div class="section level2">
<h2 id="setup-your-theme">Setup Your Theme<a class="anchor" aria-label="anchor" href="#setup-your-theme"></a>
</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><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>
<p>I’ve also picked out a few fonts from <a href="https://fonts.google.com" class="external-link">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> <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-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-3"><a href="#cb1-3"></a><span class="bn">style_mono_accent(</span></span>
<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>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> <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"> <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>
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">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="va">g_base</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">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" class="external-link">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" class="external-link">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" class="external-link">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="co"># Basic plot with default theme</span>
<span class="va">g_base</span></code></pre></div> <span class="va">g_base</span></code></pre></div>
<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> <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> <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>
<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>
<div class="section level2">
<h2 id="using-xaringan-themer-css">Using <code>theme_xaringan()</code> without calling a style function<a class="anchor" aria-label="anchor" href="#using-xaringan-themer-css"></a>
</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>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>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> <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>
title_font_use_google <span class="op">=</span> <span class="cn">TRUE</span> title_font_use_google <span class="op">=</span> <span class="cn">TRUE</span>
<span class="op">)</span></code></pre></div> <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>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="section level2">
<h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a>
</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" class="external-link">geom_point()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_bar()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">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"> <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>
<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" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">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" class="external-link">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" class="external-link">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> <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><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> <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"> <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> <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>
<div class="section level3">
<h3 id="scale-xaringan">Custom Color and Fill Scales<a class="anchor" aria-label="anchor" href="#scale-xaringan"></a>
</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>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>
<p>These scales use <code><a href="https://colorspace.R-Forge.R-project.org//reference/hcl_palettes.html" class="external-link">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"> <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>
<code class="sourceCode R"><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">geom_bar</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">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/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="../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="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">geom_count</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">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/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>
<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" class="external-link">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><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>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> <p>The scales come with a few more options:</p>
</ul> </ul>
</div> </div>
</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>
<div class="section level2">
<h2 id="fonts">Fonts<a class="anchor" aria-label="anchor" href="#fonts"></a>
</h2>
<div class="section level3">
<h3 id="automatically-match-slide-and-plot-fonts">Automatically match slide and plot fonts<a class="anchor" aria-label="anchor" href="#automatically-match-slide-and-plot-fonts"></a>
</h3>
<p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com" class="external-link">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>google_font("&lt;font name&gt;")</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> <p>In your slide theme, use the <code>&lt;type&gt;_font_google</code> argument with the <code>google_font("&lt;font name&gt;")</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> <ul>
<li> <li>
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> <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> <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="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>,
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_text.html" class="external-link">geom_text</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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" class="external-link">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> 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="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">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> <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><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> <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>
<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>
<div class="section level3">
<h3 id="manually-specify-plot-fonts">Manually specify plot fonts<a class="anchor" aria-label="anchor" href="#manually-specify-plot-fonts"></a>
</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> <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"> <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> <code class="sourceCode R"><span class="va">g_diamonds_with_text</span> <span class="op">+</span>
<span class="op">)</span></code></pre></div> <span class="op">)</span></code></pre></div>
<p><img src="ggplot2-themes_files/figure-html/text-demo-2-1.png" width="960"></p> <p><img src="ggplot2-themes_files/figure-html/text-demo-2-1.png" width="960"></p>
</div> </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>
<div class="section level3">
<h3 id="using-fonts-not-in-google-fonts">Using fonts not in Google Fonts<a class="anchor" aria-label="anchor" href="#using-fonts-not-in-google-fonts"></a>
</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>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>style_mono_accent(
text_font_family = "GlacialIndifferenceRegular",
text_font_url = "https://fontlibrary.org/face/glacial-indifference"
)</code></pre>
<p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference" class="external-link">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org" class="external-link">fontlibrary.org</a>. In my theme style function, I would use</p>
<pre><code><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,
text_font_url <span class="op">=</span> <span class="st">"https://fontlibrary.org/face/glacial-indifference"</span>
<span class="op">)</span></code></pre>
<p>but sysfonts won’t know where to find the TTF font files for this font.</p> <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>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">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" class="external-link">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> <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"> <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>
<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" class="external-link">file.path</a></span><span class="op">(</span>
<span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>, <span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference/"</span>,
<span class="st">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</span>, <span class="st">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</span>,
<span class="st">"GlacialIndifferenceRegular.ttf"</span> <span class="st">"GlacialIndifferenceRegular.ttf"</span>
<span class="op">)</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>
<span class="va">font_temp</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span><span class="op">)</span>
<span class="fu"><a href="https://rdrr.io/r/utils/download.file.html" class="external-link">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"> <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> <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="va">font_temp</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">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="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package <span class="op">=</span> <span class="st">"xaringanthemer"</span>
<span class="op">)</span> <span class="op">)</span>


<span class="co"># Register the font with sysfonts/showtext</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="fu">sysfonts</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html" class="external-link">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="co"># Now it's available for use!</span>
<span class="va">g_diamonds_with_text</span> <span class="op">+</span> <span class="va">g_diamonds_with_text</span> <span class="op">+</span>
<p><img src="ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png" width="960"></p> <p><img src="ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png" width="960"></p>
</div> </div>
</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>
<div class="section level2">
<h2 id="tips">Tips for using the showtext package<a class="anchor" aria-label="anchor" href="#tips"></a>
</h2>
<p>Working with fonts is notoriously frustrating, but <a href="https://github.com/yixuan/showtext" class="external-link">showtext</a> and <a href="https://github.com/yixuan/sysfonts" class="external-link">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 class="section level3">
<h3 id="r-markdown">R Markdown<a class="anchor" aria-label="anchor" href="#r-markdown"></a>
</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>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> <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) : <pre><code>Error in verify_fig_showtext(fn) :
<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> <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> </ol>
</div> </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="section level3">
<h3 id="macos">MacOS<a class="anchor" aria-label="anchor" href="#macos"></a>
</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/" class="external-link">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 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>
<div id="in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#in-rstudio" class="anchor"></a>In RStudio</h3>
<div class="section level3">
<h3 id="in-rstudio">In RStudio<a class="anchor" aria-label="anchor" href="#in-rstudio"></a>
</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>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>
<p>To work around this, open a new <code><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">quartz()</a></code> (MacOS) or <code><a href="https://rdrr.io/r/grDevices/x11.html" class="external-link">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" class="external-link">quartz()</a></code> device with a similar size ratio to my slides.</p>
<div class="sourceCode" id="cb18"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb18"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co">## On Windows</span> <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"># x11(width = 16 * 2/3, height = 9 * 2/3)</span>


<span class="co">## On MacOS</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="fu"><a href="https://rdrr.io/r/grDevices/quartz.html" class="external-link">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="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>
<span class="fu"><a href="https://rdrr.io/r/grDevices/dev.html" class="external-link">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>
</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>

</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside>
</div> </div>






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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 77
- 175
articles/index.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-index">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-article-index">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Articles</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Articles</h1>
</div> </div>


<div class="section "> <div class="section ">
<h3>All vignettes</h3> <h3>All vignettes</h3>
<p class="section-desc"></p> <p class="section-desc"></p>


<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>
<dd></dt>
<dt><a href="xaringanthemer.html">Xaringan CSS Theme Generator</a></dt>
<dd></dt>
</dl>
</div>
</div>
<dl><dt><a href="fonts.html">Fonts</a></dt>
<dd>
</dd><dt><a href="ggplot2-themes.html">ggplot2 Themes</a></dt>
<dd>
</dd><dt><a href="template-variables.html">Template Variables</a></dt>
<dd>
</dd><dt><a href="themes.html">Themes</a></dt>
<dd>
</dd><dt><a href="xaringanthemer.html">Xaringan CSS Theme Generator</a></dt>
<dd>
</dd></dl></div>
</main></div>


<footer><div class="pkgdown-footer-left">
<p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p>
</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 class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.1.</p>
</div> </div>


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 96
- 117
articles/template-variables.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xaringanthemer">
<title>Template Variables • xaringanthemer</title> <title>Template Variables • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="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="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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">
<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Template Variables"> <meta property="og:title" content="Template Variables">
<meta property="og:description" content="xaringanthemer"> <meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"> <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="active nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->


</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>
</div>
</nav><div class="container template-article">
<script src="template-variables_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<main id="main"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Template Variables</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/template-variables.Rmd"><code>vignettes/template-variables.Rmd</code></a></small>
<div class="hidden name"><code>template-variables.Rmd</code></div>

<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/template-variables.Rmd" class="external-link"><code>vignettes/template-variables.Rmd</code></a></small>
<div class="d-none name"><code>template-variables.Rmd</code></div>
</div> </div>


<p>Use this table to find the template variable you would like to modify. You can also use this table to find the CSS class or element associated with a particular template item.</p> <p>Use this table to find the template variable you would like to modify. You can also use this table to find the CSS class or element associated with a particular template item.</p>
<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>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> <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">
<table style="width:100%;" class="table">
<colgroup> <colgroup>
<col width="7%"> <col width="7%">
<col width="48%"> <col width="48%">
<td align="left"><code>padding</code></td> <td align="left"><code>padding</code></td>
<td align="left">Slide Padding in <code>top right [bottom left]</code> format</td> <td align="left">Slide Padding in <code>top right [bottom left]</code> format</td>
<td align="left">.remark-slide-content</td> <td align="left">.remark-slide-content</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a></td>
<td align="left">16px 64px 16px 64px</td> <td align="left">16px 64px 16px 64px</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>background_size</code></td> <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 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">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">.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"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td>
<td align="left">NULL</td> <td align="left">NULL</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code> <td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>
</td> </td>
<td align="left">.remark-slide-content</td> <td align="left">.remark-slide-content</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a></td>
<td align="left">NULL</td> <td align="left">NULL</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>code_inline_font_size</code></td> <td align="left"><code>code_inline_font_size</code></td>
<td align="left">Inline Code Text Font Size</td> <td align="left">Inline Code Text Font Size</td>
<td align="left">.remark-inline-code</td> <td align="left">.remark-inline-code</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">1em</td> <td align="left">1em</td>
<td align="left"><code>--code-inline-font-size</code></td> <td align="left"><code>--code-inline-font-size</code></td>
</tr> </tr>
<td align="left"><code>title_slide_background_size</code></td> <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 Background Image Size, defaults to “cover” if background image is set</td>
<td align="left">.title-slide</td> <td align="left">.title-slide</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" class="external-link">background-size</a></td>
<td align="left">NULL</td> <td align="left">NULL</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>title_slide_background_position</code></td> <td align="left"><code>title_slide_background_position</code></td>
<td align="left">Title Slide Background Image Position</td> <td align="left">Title Slide Background Image Position</td>
<td align="left">.title-slide</td> <td align="left">.title-slide</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position" class="external-link">background-position</a></td>
<td align="left">NULL</td> <td align="left">NULL</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>footnote_font_size</code></td> <td align="left"><code>footnote_font_size</code></td>
<td align="left">Footnote font size</td> <td align="left">Footnote font size</td>
<td align="left">.footnote</td> <td align="left">.footnote</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">0.9em</td> <td align="left">0.9em</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>footnote_position_bottom</code></td> <td align="left"><code>footnote_position_bottom</code></td>
<td align="left">Footnote location from bottom of screen</td> <td align="left">Footnote location from bottom of screen</td>
<td align="left">.footnote</td> <td align="left">.footnote</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value">position</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value" class="external-link">position</a></td>
<td align="left">60px</td> <td align="left">60px</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>text_font_size</code></td> <td align="left"><code>text_font_size</code></td>
<td align="left">Slide Body Text Font Size</td> <td align="left">Slide Body Text Font Size</td>
<td align="left">.remark-slide-content</td> <td align="left">.remark-slide-content</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">1rem</td> <td align="left">1rem</td>
<td align="left"><code>--text-font-size</code></td> <td align="left"><code>--text-font-size</code></td>
</tr> </tr>
<td align="left"><code>header_h1_font_size</code></td> <td align="left"><code>header_h1_font_size</code></td>
<td align="left">h1 Header Text Font Size</td> <td align="left">h1 Header Text Font Size</td>
<td align="left">.remark-slide-content h1</td> <td align="left">.remark-slide-content h1</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">2.75rem</td> <td align="left">2.75rem</td>
<td align="left"><code>--header-h1-font-size</code></td> <td align="left"><code>--header-h1-font-size</code></td>
</tr> </tr>
<td align="left"><code>header_h2_font_size</code></td> <td align="left"><code>header_h2_font_size</code></td>
<td align="left">h2 Header Text Font Size</td> <td align="left">h2 Header Text Font Size</td>
<td align="left">.remark-slide-content h2</td> <td align="left">.remark-slide-content h2</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">2.25rem</td> <td align="left">2.25rem</td>
<td align="left"><code>--header-h2-font-size</code></td> <td align="left"><code>--header-h2-font-size</code></td>
</tr> </tr>
<td align="left"><code>header_h3_font_size</code></td> <td align="left"><code>header_h3_font_size</code></td>
<td align="left">h3 Header Text Font Size</td> <td align="left">h3 Header Text Font Size</td>
<td align="left">.remark-slide-content h3</td> <td align="left">.remark-slide-content h3</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">1.75rem</td> <td align="left">1.75rem</td>
<td align="left"><code>--header-h3-font-size</code></td> <td align="left"><code>--header-h3-font-size</code></td>
</tr> </tr>
<td align="left"><code>header_background_padding</code></td> <td align="left"><code>header_background_padding</code></td>
<td align="left">Padding for h1 Header with Background</td> <td align="left">Padding for h1 Header with Background</td>
<td align="left">.remark-slide-content h1</td> <td align="left">.remark-slide-content h1</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" class="external-link">padding</a></td>
<td align="left">NULL</td> <td align="left">NULL</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>text_slide_number_font_size</code></td> <td align="left"><code>text_slide_number_font_size</code></td>
<td align="left">Slide Number Text Font Size</td> <td align="left">Slide Number Text Font Size</td>
<td align="left">.remark-slide-number</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"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">0.9rem</td> <td align="left">0.9rem</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>text_font_weight</code></td> <td align="left"><code>text_font_weight</code></td>
<td align="left">Body Text Font Weight</td> <td align="left">Body Text Font Weight</td>
<td align="left">body</td> <td align="left">body</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a></td>
<td align="left">xaringanthemer_font_default(“text_font_weight”)</td> <td align="left">xaringanthemer_font_default(“text_font_weight”)</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>header_font_weight</code></td> <td align="left"><code>header_font_weight</code></td>
<td align="left">Header Font Weight</td> <td align="left">Header Font Weight</td>
<td align="left">h1, h2, h3</td> <td align="left">h1, h2, h3</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="external-link">font-weight</a></td>
<td align="left">xaringanthemer_font_default(“header_font_weight”)</td> <td align="left">xaringanthemer_font_default(“header_font_weight”)</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
<td align="left"><code>code_font_size</code></td> <td align="left"><code>code_font_size</code></td>
<td align="left">Code Text Font Size</td> <td align="left">Code Text Font Size</td>
<td align="left">.remark-inline</td> <td align="left">.remark-inline</td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
<td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" class="external-link">font-size</a></td>
<td align="left">0.9rem</td> <td align="left">0.9rem</td>
<td align="left"><code>--code-font-size</code></td> <td align="left"><code>--code-font-size</code></td>
</tr> </tr>
<td align="left"><code>link_decoration</code></td> <td align="left"><code>link_decoration</code></td>
<td align="left">Text decoration of links</td> <td align="left">Text decoration of links</td>
<td align="left">a, a &gt; code</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"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a></td>
<td align="left">none</td> <td align="left">none</td>
<td align="left"></td> <td align="left"></td>
</tr> </tr>
</tbody> </tbody>
</table>
</div>

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

</div>

</table></main>
</div> </div>






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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 119
- 140
articles/themes.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xaringanthemer">
<title>Themes • xaringanthemer</title> <title>Themes • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="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="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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">
<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Themes"> <meta property="og:title" content="Themes">
<meta property="og:description" content="xaringanthemer"> <meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"> <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="active nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->


</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>
</div>
</nav><div class="container template-article">
<script src="themes_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<main id="main"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Themes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/themes.Rmd"><code>vignettes/themes.Rmd</code></a></small>
<div class="hidden name"><code>themes.Rmd</code></div>

<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/themes.Rmd" class="external-link"><code>vignettes/themes.Rmd</code></a></small>
<div class="d-none name"><code>themes.Rmd</code></div>
</div> </div>


<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<div id="monotone" class="section level3">
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
<div class="section level3">
<h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a>
</h3>
<p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p> <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
<div id="style_mono_light" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
<div class="section level4">
<h4 id="style_mono_light">
<code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a>
</h4> </h4>
<p>A light theme based around a single color.</p> <p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
</div> </div>
<div id="style_mono_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
<div class="section level4">
<h4 id="style_mono_dark">
<code>style_mono_dark()</code><a class="anchor" aria-label="anchor" href="#style_mono_dark"></a>
</h4> </h4>
<p>A dark theme based around a single color.</p> <p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
</div> </div>
<div id="style_mono_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
<div class="section level4">
<h4 id="style_mono_accent">
<code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a>
</h4> </h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> <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"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
</div> </div>
<div id="style_mono_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
<div class="section level4">
<h4 id="style_mono_accent_inverse">
<code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a>
</h4> </h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> <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"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
</div> </div>
</div> </div>
<div id="duotone" class="section level3">
<h3 class="hasAnchor">
<a href="#duotone" class="anchor"></a>Duotone</h3>
<div class="section level3">
<h3 id="duotone">Duotone<a class="anchor" aria-label="anchor" href="#duotone"></a>
</h3>
<p>These themes build from two (ideally) complementary colors.</p> <p>These themes build from two (ideally) complementary colors.</p>
<div id="style_duo" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo" class="anchor"></a><code>style_duo()</code>
<div class="section level4">
<h4 id="style_duo">
<code>style_duo()</code><a class="anchor" aria-label="anchor" href="#style_duo"></a>
</h4> </h4>
<p>A two-colored theme based on a primary and secondary color.</p> <p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
</div> </div>
<div id="style_duo_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
<div class="section level4">
<h4 id="style_duo_accent">
<code>style_duo_accent()</code><a class="anchor" aria-label="anchor" href="#style_duo_accent"></a>
</h4> </h4>
<p>The default Xaringan theme with two accent colors.</p> <p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
</div> </div>
<div id="style_duo_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
<div class="section level4">
<h4 id="style_duo_accent_inverse">
<code>style_duo_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_duo_accent_inverse"></a>
</h4> </h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p> <p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
</div> </div>
</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="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>
<div class="section level3">
<h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a>
</h3>
<p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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 class="section level4">
<h4 id="style_solarized_light">
<code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a>
</h4> </h4>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
</div> </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>
<div class="section level4">
<h4 id="style_solarized_dark">
<code>style_solarized_dark()</code><a class="anchor" aria-label="anchor" href="#style_solarized_dark"></a>
</h4> </h4>
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> <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> <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>
<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> <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> </div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<div class="section level2">
<h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a>
</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>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 additional colors to use in your slides. This argument takes a vector of named colors</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"> <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>
<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" class="external-link">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>, red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>, purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>, orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
</blockquote> </blockquote>
<p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p> <p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p>
</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>

</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside>
</div> </div>






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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 176
- 197
articles/xaringanthemer.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xaringanthemer">
<title>Xaringan CSS Theme Generator • xaringanthemer</title> <title>Xaringan CSS Theme Generator • xaringanthemer</title>
<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> <!-- 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="icon" type="image/png" sizes="32x32" href="../favicon-32x32.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="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="76x76" href="../apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.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">
<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
<meta property="og:title" content="Xaringan CSS Theme Generator"> <meta property="og:title" content="Xaringan CSS Theme Generator">
<meta property="og:description" content="xaringanthemer"> <meta property="og:description" content="xaringanthemer">
<meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"> <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="active nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->


</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>
</div>
</nav><div class="container template-article">
<script src="xaringanthemer_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
<main id="main"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Xaringan CSS Theme Generator</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/xaringanthemer.Rmd"><code>vignettes/xaringanthemer.Rmd</code></a></small>
<div class="hidden name"><code>xaringanthemer.Rmd</code></div>

<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/vignettes/xaringanthemer.Rmd" class="external-link"><code>vignettes/xaringanthemer.Rmd</code></a></small>
<div class="d-none name"><code>xaringanthemer.Rmd</code></div>
</div> </div>


img { max-width: 100%; } img { max-width: 100%; }
</style> </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="#fonts">Fonts</a>, <a href="#colors">Colors</a>, <a href="#adding-custom-css">Adding Custom CSS</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>
<div class="section level2">
<h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a>
</h2>
<!-- Set link to theme-settings, template-variables, theme functions --> <!-- 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> <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"><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> <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="cb2-8"><a href="#cb2-8"></a><span class="bn">)</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> <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> <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>
<div class="section level3">
<h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a>
</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" class="external-link">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com" class="external-link">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> <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>
<p>More details and examples can be found in <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p> <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"> <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>
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">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" class="external-link">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" class="external-link">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" class="external-link">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>, x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>, y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span> title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</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> <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> <p><img src="../reference/figures/index-theme_xaringan_demo-1.png"></p>
</div> </div>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
<a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
<div class="section level3">
<h3 id="tab-completion">Tab Completion<a class="anchor" aria-label="anchor" href="#tab-completion"></a>
</h3>
<p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="template-variables.html">template variables</a> that you can adjust in each of the themes!</p> <p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p>
</div> </div>
<div id="r-markdown-template-in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
<div class="section level3">
<h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a>
</h3>
<p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p> <p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
<center> <center>
<img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1"> <img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1">
</center> </center>
</div> </div>
</div> </div>
<div id="themes" class="section level2">
<h2 class="hasAnchor">
<a href="#themes" class="anchor"></a>Themes</h2>
<div class="section level2">
<h2 id="themes">Themes<a class="anchor" aria-label="anchor" href="#themes"></a>
</h2>
<p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<div id="monotone" class="section level3">
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
<div class="section level3">
<h3 id="monotone">Monotone<a class="anchor" aria-label="anchor" href="#monotone"></a>
</h3>
<p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p> <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
<div id="style_mono_light" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
<div class="section level4">
<h4 id="style_mono_light">
<code>style_mono_light()</code><a class="anchor" aria-label="anchor" href="#style_mono_light"></a>
</h4> </h4>
<p>A light theme based around a single color.</p> <p>A light theme based around a single color.</p>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
</div> </div>
<div id="style_mono_dark" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
<div class="section level4">
<h4 id="style_mono_dark">
<code>style_mono_dark()</code><a class="anchor" aria-label="anchor" href="#style_mono_dark"></a>
</h4> </h4>
<p>A dark theme based around a single color.</p> <p>A dark theme based around a single color.</p>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
</div> </div>
<div id="style_mono_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
<div class="section level4">
<h4 id="style_mono_accent">
<code>style_mono_accent()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent"></a>
</h4> </h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> <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"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
</div> </div>
<div id="style_mono_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
<div class="section level4">
<h4 id="style_mono_accent_inverse">
<code>style_mono_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_mono_accent_inverse"></a>
</h4> </h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p> <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"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
</div> </div>
</div> </div>
<div id="duotone" class="section level3">
<h3 class="hasAnchor">
<a href="#duotone" class="anchor"></a>Duotone</h3>
<div class="section level3">
<h3 id="duotone">Duotone<a class="anchor" aria-label="anchor" href="#duotone"></a>
</h3>
<p>These themes build from two (ideally) complementary colors.</p> <p>These themes build from two (ideally) complementary colors.</p>
<div id="style_duo" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo" class="anchor"></a><code>style_duo()</code>
<div class="section level4">
<h4 id="style_duo">
<code>style_duo()</code><a class="anchor" aria-label="anchor" href="#style_duo"></a>
</h4> </h4>
<p>A two-colored theme based on a primary and secondary color.</p> <p>A two-colored theme based on a primary and secondary color.</p>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
</div> </div>
<div id="style_duo_accent" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
<div class="section level4">
<h4 id="style_duo_accent">
<code>style_duo_accent()</code><a class="anchor" aria-label="anchor" href="#style_duo_accent"></a>
</h4> </h4>
<p>The default Xaringan theme with two accent colors.</p> <p>The default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
</div> </div>
<div id="style_duo_accent_inverse" class="section level4">
<h4 class="hasAnchor">
<a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
<div class="section level4">
<h4 id="style_duo_accent_inverse">
<code>style_duo_accent_inverse()</code><a class="anchor" aria-label="anchor" href="#style_duo_accent_inverse"></a>
</h4> </h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p> <p>An “inverted” default Xaringan theme with two accent colors.</p>
<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
</div> </div>
</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="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>
<div class="section level3">
<h3 id="solarized">Solarized<a class="anchor" aria-label="anchor" href="#solarized"></a>
</h3>
<p>There are also two themes based around the <a href="https://ethanschoonover.com/solarized/" class="external-link">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 class="section level4">
<h4 id="style_solarized_light">
<code>style_solarized_light()</code><a class="anchor" aria-label="anchor" href="#style_solarized_light"></a>
</h4> </h4>
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r"> <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> <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> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
</div> </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>
<div class="section level4">
<h4 id="style_solarized_dark">
<code>style_solarized_dark()</code><a class="anchor" aria-label="anchor" href="#style_solarized_dark"></a>
</h4> </h4>
<div class="sourceCode" id="cb12"><pre class="downlit sourceCode r"> <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> <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>
</div> </div>
</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/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>
<div class="section level2">
<h2 id="theme-settings">Theme Settings<a class="anchor" aria-label="anchor" href="#theme-settings"></a>
</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>vignette("template-variables", "xaringanthemer")</code></a>.</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>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>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>
<li><code>title_slide_background_position</code></li> <li><code>title_slide_background_position</code></li>
</ul> </ul>
</div> </div>
<div id="fonts" class="section level2">
<h2 class="hasAnchor">
<a href="#fonts" class="anchor"></a>Fonts</h2>
<div class="section level2">
<h2 id="fonts">Fonts<a class="anchor" aria-label="anchor" href="#fonts"></a>
</h2>
<!-- Need to set [adding-custom-css] --> <!-- 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> <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"> <style type="text/css">
font-size: 1.25em; font-size: 1.25em;
} }
</style> </style>
<div id="default-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
<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="section level3">
<h3 id="default-fonts">Default Fonts<a class="anchor" aria-label="anchor" href="#default-fonts"></a>
</h3>
<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" class="external-link">Cabin</a> is used for headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">Noto Sans</a> for body text.</p>
<div class="font-preview"> <div class="font-preview">
<p style="font-size: 1.5em" class="cabin"> <p style="font-size: 1.5em" class="cabin">
A Cabin in the Clearing A Cabin in the Clearing
</p> </p>
</div> </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>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>
<p>If you would like to use the fonts from the <a href="https://slides.yihui.org/xaringan/" class="external-link">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"> <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>
<code class="sourceCode R"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</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>, 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> 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> <span class="op">)</span></code></pre></div>
</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="section level3">
<h3 id="custom-and-google-font-fonts">Custom and <em>Google Font</em> Fonts<a class="anchor" aria-label="anchor" href="#custom-and-google-font-fonts"></a>
</h3>
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com" class="external-link">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" class="external-link">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"><pre class="downlit sourceCode r"> <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> <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>, 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>,
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> 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> <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>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>
<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" class="external-link">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support" class="external-link">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"><pre class="downlit sourceCode r"> <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 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_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
<span class="op">)</span></code></pre></div> <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> <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>
<div id="using-additional-fonts" class="section level3">
<h3 class="hasAnchor">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<div class="section level3">
<h3 id="using-additional-fonts">Using Additional Fonts<a class="anchor" aria-label="anchor" href="#using-additional-fonts"></a>
</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> <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"><pre class="downlit sourceCode r"> <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> <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>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">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="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="co"># Young Serif by uplaod.fr</span>
<span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>, <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
<span class="op">)</span>, <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>
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">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" class="external-link">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" class="external-link">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>
<span class="op">)</span></code></pre></div> <span class="op">)</span></code></pre></div>
</div> </div>
</div> </div>
<div id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<div class="section level2">
<h2 id="colors">Colors<a class="anchor" aria-label="anchor" href="#colors"></a>
</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>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 additional colors to use in your slides. This argument takes a vector of named colors</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"> <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>
<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" class="external-link">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>, red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>, purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>, orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
</blockquote> </blockquote>
<p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p> <p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p>
</div> </div>
<div id="adding-custom-css" class="section level2">
<h2 class="hasAnchor">
<a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2>
<div class="section level2">
<h2 id="adding-custom-css">Adding Custom CSS<a class="anchor" aria-label="anchor" href="#adding-custom-css"></a>
</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> <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"><pre class="downlit sourceCode r"> <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>
<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" class="external-link">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" class="external-link">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" class="external-link">list</a></span><span class="op">(</span>
display <span class="op">=</span> <span class="st">"flex"</span>, display <span class="op">=</span> <span class="st">"flex"</span>,
width <span class="op">=</span> <span class="st">"100%"</span>, width <span class="op">=</span> <span class="st">"100%"</span>,
flex <span class="op">=</span> <span class="st">"1 1 auto"</span> flex <span class="op">=</span> <span class="st">"1 1 auto"</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-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-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> <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>
<p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark" class="external-link">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> <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.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>
<p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck" class="external-link">@grrrck</a>).</p>
<p>Big thank you to <a href="https://yihui.org" class="external-link">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a>. Also thanks to <a href="http://www.gnab.org/" class="external-link">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark" class="external-link">remark.js</a>.</p>
<p>Feel free to <a href="https://github.com/gadenbuie/xaringanthemer/issues" class="external-link">file an issue</a> if you find a bug or have a theme suggestion – or better yet, submit a pull request!</p>
</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>

</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside>
</div> </div>






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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 91
- 169
authors.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><title>Authors and Citation • 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"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Authors and Citation"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-authors">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-citation-authors">
<div class="row"> <div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>Authors</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="logo.png" class="logo" alt=""><h1>Authors and Citation</h1>
</div> </div>


<ul class="list-unstyled">
<li>
<p><strong><a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a></strong>. Author, maintainer. <a href='https://orcid.org/0000-0002-7111-0077' target='orcid.widget' aria-label='ORCID'><span class='fab fa-orcid orcid' aria-hidden='true'></span></a>
</p>
</li>
</ul>

</div>

</div>

<div class="section level2 citation">
<h2>Authors</h2>
<ul class="list-unstyled"><li>
<p><strong><a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a></strong>. Author, maintainer. <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID" class="external-link"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a>
</p>
</li>
</ul></div>

<div class="section level2 citation">
<h2 id="citation">Citation</h2>
<p><small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/DESCRIPTION" class="external-link"><code>DESCRIPTION</code></a></small></p>

<p>Aden-Buie G (2021).
<em>xaringanthemer: Custom 'xaringan' CSS Themes</em>.
https://pkg.garrickadenbuie.com/xaringanthemer/,
https://github.com/gadenbuie/xaringanthemer.
</p>
<pre>@Manual{,
title = {xaringanthemer: Custom 'xaringan' CSS Themes},
author = {Garrick Aden-Buie},
year = {2021},
note = {https://pkg.garrickadenbuie.com/xaringanthemer/,
https://github.com/gadenbuie/xaringanthemer},
}</pre>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 0
- 60
bootstrap-toc.css Wyświetl plik

/*!
* Bootstrap Table of Contents v0.4.1 (http://afeld.github.io/bootstrap-toc/)
* Copyright 2015 Aidan Feldman
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */

/* modified from https://github.com/twbs/bootstrap/blob/94b4076dd2efba9af71f0b18d4ee4b163aa9e0dd/docs/assets/css/src/docs.css#L548-L601 */

/* All levels of nav */
nav[data-toggle='toc'] .nav > li > a {
display: block;
padding: 4px 20px;
font-size: 13px;
font-weight: 500;
color: #767676;
}
nav[data-toggle='toc'] .nav > li > a:hover,
nav[data-toggle='toc'] .nav > li > a:focus {
padding-left: 19px;
color: #563d7c;
text-decoration: none;
background-color: transparent;
border-left: 1px solid #563d7c;
}
nav[data-toggle='toc'] .nav > .active > a,
nav[data-toggle='toc'] .nav > .active:hover > a,
nav[data-toggle='toc'] .nav > .active:focus > a {
padding-left: 18px;
font-weight: bold;
color: #563d7c;
background-color: transparent;
border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */
nav[data-toggle='toc'] .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}
nav[data-toggle='toc'] .nav .nav > li > a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: normal;
}
nav[data-toggle='toc'] .nav .nav > li > a:hover,
nav[data-toggle='toc'] .nav .nav > li > a:focus {
padding-left: 29px;
}
nav[data-toggle='toc'] .nav .nav > .active > a,
nav[data-toggle='toc'] .nav .nav > .active:hover > a,
nav[data-toggle='toc'] .nav .nav > .active:focus > a {
padding-left: 28px;
font-weight: 500;
}

/* from https://github.com/twbs/bootstrap/blob/e38f066d8c203c3e032da0ff23cd2d6098ee2dd6/docs/assets/css/src/docs.css#L631-L634 */
nav[data-toggle='toc'] .nav > .active > ul {
display: block;
}

+ 0
- 159
bootstrap-toc.js Wyświetl plik

/*!
* Bootstrap Table of Contents v0.4.1 (http://afeld.github.io/bootstrap-toc/)
* Copyright 2015 Aidan Feldman
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */
(function() {
'use strict';

window.Toc = {
helpers: {
// return all matching elements in the set, or their descendants
findOrFilter: function($el, selector) {
// http://danielnouri.org/notes/2011/03/14/a-jquery-find-that-also-finds-the-root-element/
// http://stackoverflow.com/a/12731439/358804
var $descendants = $el.find(selector);
return $el.filter(selector).add($descendants).filter(':not([data-toc-skip])');
},

generateUniqueIdBase: function(el) {
var text = $(el).text();
var anchor = text.trim().toLowerCase().replace(/[^A-Za-z0-9]+/g, '-');
return anchor || el.tagName.toLowerCase();
},

generateUniqueId: function(el) {
var anchorBase = this.generateUniqueIdBase(el);
for (var i = 0; ; i++) {
var anchor = anchorBase;
if (i > 0) {
// add suffix
anchor += '-' + i;
}
// check if ID already exists
if (!document.getElementById(anchor)) {
return anchor;
}
}
},

generateAnchor: function(el) {
if (el.id) {
return el.id;
} else {
var anchor = this.generateUniqueId(el);
el.id = anchor;
return anchor;
}
},

createNavList: function() {
return $('<ul class="nav"></ul>');
},

createChildNavList: function($parent) {
var $childList = this.createNavList();
$parent.append($childList);
return $childList;
},

generateNavEl: function(anchor, text) {
var $a = $('<a></a>');
$a.attr('href', '#' + anchor);
$a.text(text);
var $li = $('<li></li>');
$li.append($a);
return $li;
},

generateNavItem: function(headingEl) {
var anchor = this.generateAnchor(headingEl);
var $heading = $(headingEl);
var text = $heading.data('toc-text') || $heading.text();
return this.generateNavEl(anchor, text);
},

// Find the first heading level (`<h1>`, then `<h2>`, etc.) that has more than one element. Defaults to 1 (for `<h1>`).
getTopLevel: function($scope) {
for (var i = 1; i <= 6; i++) {
var $headings = this.findOrFilter($scope, 'h' + i);
if ($headings.length > 1) {
return i;
}
}

return 1;
},

// returns the elements for the top level, and the next below it
getHeadings: function($scope, topLevel) {
var topSelector = 'h' + topLevel;

var secondaryLevel = topLevel + 1;
var secondarySelector = 'h' + secondaryLevel;

return this.findOrFilter($scope, topSelector + ',' + secondarySelector);
},

getNavLevel: function(el) {
return parseInt(el.tagName.charAt(1), 10);
},

populateNav: function($topContext, topLevel, $headings) {
var $context = $topContext;
var $prevNav;

var helpers = this;
$headings.each(function(i, el) {
var $newNav = helpers.generateNavItem(el);
var navLevel = helpers.getNavLevel(el);

// determine the proper $context
if (navLevel === topLevel) {
// use top level
$context = $topContext;
} else if ($prevNav && $context === $topContext) {
// create a new level of the tree and switch to it
$context = helpers.createChildNavList($prevNav);
} // else use the current $context

$context.append($newNav);

$prevNav = $newNav;
});
},

parseOps: function(arg) {
var opts;
if (arg.jquery) {
opts = {
$nav: arg
};
} else {
opts = arg;
}
opts.$scope = opts.$scope || $(document.body);
return opts;
}
},

// accepts a jQuery object, or an options object
init: function(opts) {
opts = this.helpers.parseOps(opts);

// ensure that the data attribute is in place for styling
opts.$nav.attr('data-toggle', 'toc');

var $topContext = this.helpers.createChildNavList(opts.$nav);
var topLevel = this.helpers.getTopLevel(opts.$scope);
var $headings = this.helpers.getHeadings(opts.$scope, topLevel);
this.helpers.populateNav($topContext, topLevel, $headings);
}
};

$(function() {
$('nav[data-toggle="toc"]').each(function(i, el) {
var $nav = $(el);
Toc.init($nav);
});
});
})();

BIN
deps/_IBM Plex Mono-0.4.0/-F63fjptAgt5VM-kVkqdyU8n5is.woff Wyświetl plik


+ 7
- 0
deps/_IBM Plex Mono-0.4.0/font.css Wyświetl plik

@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(-F63fjptAgt5VM-kVkqdyU8n5is.woff) format('woff');
}

+ 7
- 0
deps/bootstrap-5.1.0/bootstrap.bundle.min.js
Plik diff jest za duży
Wyświetl plik


+ 1
- 0
deps/bootstrap-5.1.0/bootstrap.bundle.min.js.map
Plik diff jest za duży
Wyświetl plik


+ 1
- 0
deps/bootstrap-5.1.0/bootstrap.min.css
Plik diff jest za duży
Wyświetl plik


+ 5
- 0
deps/data-deps.txt Wyświetl plik

<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet" />
<script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script>
<link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet" />

+ 10881
- 0
deps/jquery-3.6.0/jquery-3.6.0.js
Plik diff jest za duży
Wyświetl plik


+ 2
- 0
deps/jquery-3.6.0/jquery-3.6.0.min.js
Plik diff jest za duży
Wyświetl plik


+ 1
- 0
deps/jquery-3.6.0/jquery-3.6.0.min.map
Plik diff jest za duży
Wyświetl plik


+ 0
- 148
docsearch.css
Plik diff jest za duży
Wyświetl plik


+ 0
- 85
docsearch.js Wyświetl plik

$(function() {

// register a handler to move the focus to the search bar
// upon pressing shift + "/" (i.e. "?")
$(document).on('keydown', function(e) {
if (e.shiftKey && e.keyCode == 191) {
e.preventDefault();
$("#search-input").focus();
}
});

$(document).ready(function() {
// do keyword highlighting
/* modified from https://jsfiddle.net/julmot/bL6bb5oo/ */
var mark = function() {

var referrer = document.URL ;
var paramKey = "q" ;

if (referrer.indexOf("?") !== -1) {
var qs = referrer.substr(referrer.indexOf('?') + 1);
var qs_noanchor = qs.split('#')[0];
var qsa = qs_noanchor.split('&');
var keyword = "";

for (var i = 0; i < qsa.length; i++) {
var currentParam = qsa[i].split('=');

if (currentParam.length !== 2) {
continue;
}

if (currentParam[0] == paramKey) {
keyword = decodeURIComponent(currentParam[1].replace(/\+/g, "%20"));
}
}

if (keyword !== "") {
$(".contents").unmark({
done: function() {
$(".contents").mark(keyword);
}
});
}
}
};

mark();
});
});

/* Search term highlighting ------------------------------*/

function matchedWords(hit) {
var words = [];

var hierarchy = hit._highlightResult.hierarchy;
// loop to fetch from lvl0, lvl1, etc.
for (var idx in hierarchy) {
words = words.concat(hierarchy[idx].matchedWords);
}

var content = hit._highlightResult.content;
if (content) {
words = words.concat(content.matchedWords);
}

// return unique words
var words_uniq = [...new Set(words)];
return words_uniq;
}

function updateHitURL(hit) {

var words = matchedWords(hit);
var url = "";

if (hit.anchor) {
url = hit.url_without_anchor + '?q=' + escape(words.join(" ")) + '#' + hit.anchor;
} else {
url = hit.url + '?q=' + escape(words.join(" "));
}

return url;
}

+ 33
- 15
extra.css
Plik diff jest za duży
Wyświetl plik


+ 133
- 139
index.html Wyświetl plik

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Give your xaringan slides some style with xaringanthemer.
Easy slide and plot themes for xaringan slides.
">
<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"> <!-- 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="icon" type="image/png" sizes="32x32" href="favicon-32x32.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="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="76x76" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.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">
<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet">
<!-- 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"> <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">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><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. <meta property="og:description" content="Give your xaringan slides some style with xaringanthemer.
Easy slide and plot themes for xaringan slides. Easy slide and plot themes for xaringan slides.
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body data-spy="scroll" data-target="#toc">
<div class="container template-home">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<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>
<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="index.html">xaringanthemer</a>

<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="nav-item">
<a class="nav-link" href="reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="articles/template-variables.html">Template Variables</a>
</div>
</li> </li>
</ul> </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>
<form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off">
</form>

<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse -->

</div> </div>
<!--/.container -->
</nav><div class="container template-home">
<div class="row">
<main id="main" class="col-md-9"><div class="section level1">
<div class="page-header">
<img src="logo.png" class="logo" alt=""><h1 id="xaringanthemer-">xaringanthemer <a class="anchor" aria-label="anchor" href="#xaringanthemer-"></a>
</h1>
</div> </div>
<!--/.navbar -->


</header><div class="row">
<div class="contents col-md-9">
<div id="xaringanthemer-" class="section level1">
<div class="page-header"><h1 class="hasAnchor">
<a href="#xaringanthemer-" class="anchor"></a>xaringanthemer <img src="reference/figures/logo.png" align="right" height="175px">
</h1></div>
<!-- badges: start --> <!-- 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>
<p>Give your <a href="https://github.com/yihui/xaringan" class="external-link">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p>
<div id="installation" class="section level2">
<h2 class="hasAnchor">
<a href="#installation" class="anchor"></a>Installation</h2>
<div class="section level2">
<h2 id="installation">Installation<a class="anchor" aria-label="anchor" href="#installation"></a>
</h2>
<p>You can install <strong>xaringanthemer</strong> from CRAN</p> <p>You can install <strong>xaringanthemer</strong> from CRAN</p>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r"> <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>
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">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" class="external-link">GitHub</a>.</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># install.packages("remotes")</span> <code class="sourceCode R"><span class="co"># install.packages("remotes")</span>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div> <span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div>
</div> </div>
<div id="quick-intro" class="section level2">
<h2 class="hasAnchor">
<a href="#quick-intro" class="anchor"></a>Quick Intro</h2>
<div class="section level2">
<h2 id="quick-intro">Quick Intro<a class="anchor" aria-label="anchor" href="#quick-intro"></a>
</h2>
<!-- Set link to theme-settings, template-variables, theme functions --> <!-- 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> <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"><span id="cb3-1"><a href="#cb3-1"></a><span class="fu">output</span><span class="kw">:</span></span> <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="cb4-8"><a href="#cb4-8"></a><span class="bn">)</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> <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> <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>
<div class="section level3">
<h3 id="matching-ggplot-themes">Matching ggplot Themes<a class="anchor" aria-label="anchor" href="#matching-ggplot-themes"></a>
</h3>
<p><strong>xaringanthemer</strong> even provides a <a href="https://ggplot2.tidyverse.org" class="external-link">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" class="external-link">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com" class="external-link">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> <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>
<p>More details and examples can be found in <code><a href="articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code>.</p> <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"> <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>
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">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" class="external-link">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" class="external-link">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" class="external-link">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>, x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>, y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span> title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</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> <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> <p><img src="reference/figures/index-theme_xaringan_demo-1.png" width="100%"></p>
</div> </div>
<div id="tab-completion" class="section level3">
<h3 class="hasAnchor">
<a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
<div class="section level3">
<h3 id="tab-completion">Tab Completion<a class="anchor" aria-label="anchor" href="#tab-completion"></a>
</h3>
<p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="vignettes/template-variables.html">template variables</a> that you can adjust in each of the themes!</p> <p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="vignettes/template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p>
</div> </div>
<div id="r-markdown-template-in-rstudio" class="section level3">
<h3 class="hasAnchor">
<a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
<div class="section level3">
<h3 id="r-markdown-template-in-rstudio">R Markdown Template in RStudio<a class="anchor" aria-label="anchor" href="#r-markdown-template-in-rstudio"></a>
</h3>
<p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p> <p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
<center> <center>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1"></p>
</center> </center>
</div> </div>
</div> </div>
<div id="features" class="section level2">
<h2 class="hasAnchor">
<a href="#features" class="anchor"></a>Features</h2>
<div class="section level2">
<h2 id="features">Features<a class="anchor" aria-label="anchor" href="#features"></a>
</h2>
<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> <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> </div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<div class="links">
<h2>Links</h2>
</main><aside class="col-md-3"><div class="links">
<h2 data-toc-skip>Links</h2>
<ul class="list-unstyled"> <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>
</li>
<li><a href="https://cloud.r-project.org/package=xaringanthemer" class="external-link">View on CRAN</a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/" class="external-link">Browse source code</a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/issues" class="external-link">Report a bug</a></li>
</ul> </ul>
</div> </div>

<div class="license"> <div class="license">
<h2>License</h2>
<h2 data-toc-skip>License</h2>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="LICENSE.html">Full license</a></li> <li><a href="LICENSE.html">Full license</a></li>
<li><small><a href="https://opensource.org/licenses/mit-license.php">MIT</a> + file <a href="LICENSE-text.html">LICENSE</a></small></li>
<li><small><a href="https://opensource.org/licenses/mit-license.php" class="external-link">MIT</a> + file <a href="LICENSE-text.html">LICENSE</a></small></li>
</ul> </ul>
</div> </div>


<div class="citation">
<h2 data-toc-skip>Citation</h2>
<ul class="list-unstyled">
<li><a href="authors.html#citation">Citing xaringanthemer</a></li>
</ul>
</div>

<div class="developers"> <div class="developers">
<h2>Developers</h2>
<h2 data-toc-skip>Developers</h2>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li> <li>
<a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> <br><small class="roles"> Author, maintainer </small> <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a> </li>
<a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a> <br><small class="roles"> Author, maintainer </small> <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID" class="external-link"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a> </li>
</ul> </ul>
</div> </div>


<div class="dev-status">
<h2>Dev status</h2>
<div class="dev-status">
<h2 data-toc-skip>Dev status</h2>
<ul class="list-unstyled"> <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://gadenbuie.r-universe.dev"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li>
<li><a href="https://lifecycle.r-lib.org/articles/stages.html"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></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>
<li><a href="https://CRAN.R-project.org/package=xaringanthemer" class="external-link"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li>
<li><a href="https://gadenbuie.r-universe.dev" class="external-link"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li>
<li><a href="https://lifecycle.r-lib.org/articles/stages.html" class="external-link"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/actions" class="external-link"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></a></li>
<li><a href="https://codecov.io/github/gadenbuie/xaringanthemer" class="external-link"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li>
</ul> </ul>
</div> </div>
</div>

</aside>
</div> </div>




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


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


</footer>
</footer>
</div> </div>






</body> </body>
</html> </html>

+ 96
- 225
news/index.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />




<!-- 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]>
<!-- 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, shrink-to-fit=no"><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-news">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="active nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-news">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1 data-toc-skip>Changelog <small></small></h1>
<small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Changelog</h1>
<small>Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/NEWS.md" class="external-link"><code>NEWS.md</code></a></small>
</div> </div>


<div id="xaringanthemer-041" class="section level1">
<h1 class="page-header" data-toc-text="0.4.1">
<a href="#xaringanthemer-041" class="anchor"></a>xaringanthemer 0.4.1<small> 2021-11-21 </small>
</h1>
<ul>
<li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href='https://github.com/gadenbuie/xaringanthemer/issues/68'>#68</a>).</p></li>
<li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href='https://github.com/jdlom'>@jdlom</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/69'>#69</a>)</p></li>
<li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href='https://github.com/beatrizmilz'>@beatrizmilz</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/65'>#65</a>).</p></li>
</ul>
</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>
<div class="section level2">
<h2 class="pkg-version" data-toc-text="0.4.1" id="xaringanthemer-041">xaringanthemer 0.4.1<a class="anchor" aria-label="anchor" href="#xaringanthemer-041"></a></h2><p class="text-muted">CRAN release: 2021-11-21</p>
<ul><li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href="https://github.com/gadenbuie/xaringanthemer/issues/68" class="external-link">#68</a>).</p></li>
<li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href="https://github.com/jdlom" class="external-link">@jdlom</a> <a href="https://github.com/gadenbuie/xaringanthemer/issues/69" class="external-link">#69</a>)</p></li>
<li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href="https://github.com/beatrizmilz" class="external-link">@beatrizmilz</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/65" class="external-link">#65</a>).</p></li>
</ul></div>
<div class="section level2">
<h2 class="pkg-version" data-toc-text="0.4.0" id="xaringanthemer-040">xaringanthemer 0.4.0<a class="anchor" aria-label="anchor" href="#xaringanthemer-040"></a></h2><p class="text-muted">CRAN release: 2021-06-24</p>
<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" class="external-link">@matiasandina</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/50" class="external-link">#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" class="external-link"><code>text-decoration</code></a> property for links (<a href="https://github.com/gadenbuie/xaringanthemer/issues/57" class="external-link">#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" class="external-link">#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" class="external-link">#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" class="external-link">@mikedecr</a> <a href="https://github.com/gadenbuie/xaringanthemer/issues/36" class="external-link">#36</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/56" class="external-link">#56</a>).</p></li>
</ul></div>
<div class="section level2">
<h2 class="pkg-version" data-toc-text="0.3.3" id="xaringanthemer-033">xaringanthemer 0.3.3<a class="anchor" aria-label="anchor" href="#xaringanthemer-033"></a></h2><p class="text-muted">CRAN release: 2021-03-04</p>
<ul><li><p>Add <code>inverse_link_color</code> to control color of links on inverse slides (thanks <a href="https://github.com/dmi3kno" class="external-link">@dmi3kno</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/44" class="external-link">#44</a>)</p></li>
<li><p>.pull-right[] now clears floats just for its immediate sibling</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>Add <code>header_font_family_fallback</code> to control fallback fonts for headings (thanks <a href="https://github.com/mattwarkentin" class="external-link">@mattwarkentin</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/41" class="external-link">#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> <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-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/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>
</ul></div>
<div class="section level2">
<h2 class="pkg-version" data-toc-text="0.3.0" id="xaringanthemer-030">xaringanthemer 0.3.0<a class="anchor" aria-label="anchor" href="#xaringanthemer-030"></a></h2><p class="text-muted">CRAN release: 2020-05-04</p>
<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" class="external-link">@Btibert3</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/10" class="external-link">#10</a>)</p></li>
<li><p>The underlying template now uses the <code>whisker</code> package.</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>var(--background-color)</code>.</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>var(--background-color)</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>
<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" class="external-link">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans" class="external-link">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>
<li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li> <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li>
</ul>
<div id="bugfixes-and-improvements" class="section level2">
<h2 class="hasAnchor">
<a href="#bugfixes-and-improvements" class="anchor"></a>Bugfixes and Improvements</h2>
<ul>
<li><p>Better handling of multiple <code>extra_fonts</code>, including improved error messages. (Thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/19'>#19</a>).</p></li>
<li><p><code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> (previously <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code>) gained an <code>append</code> argument so that it can append to or overwrite an existing file (thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/17'>#17</a>).</p></li>
<li><p>The underlying tibble holding the theme template variables was updated to work with <code>tibble 3.0.0</code> (thanks <a href='https://github.com/techisdead'>@techisdead</a>, <a href='https://github.com/SymbolixAU'>@SymbolixAU</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/32'>#32</a>).</p></li>
</ul><div class="section level3">
<h3 id="bugfixes-and-improvements-0-3-0">Bugfixes and Improvements<a class="anchor" aria-label="anchor" href="#bugfixes-and-improvements-0-3-0"></a></h3>
<ul><li><p>Better handling of multiple <code>extra_fonts</code>, including improved error messages. (Thanks <a href="https://github.com/pat-s" class="external-link">@pat-s</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/19" class="external-link">#19</a>).</p></li>
<li><p><code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> (previously <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code>) gained an <code>append</code> argument so that it can append to or overwrite an existing file (thanks <a href="https://github.com/pat-s" class="external-link">@pat-s</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/17" class="external-link">#17</a>).</p></li>
<li><p>The underlying tibble holding the theme template variables was updated to work with <code>tibble 3.0.0</code> (thanks <a href="https://github.com/techisdead" class="external-link">@techisdead</a>, <a href="https://github.com/SymbolixAU" class="external-link">@SymbolixAU</a>, <a href="https://github.com/gadenbuie/xaringanthemer/issues/32" class="external-link">#32</a>).</p></li>
<li><p>The <code>css-help</code> vignette was removed and may be re-written in the future.</p></li> <li><p>The <code>css-help</code> vignette was removed and may be re-written in the future.</p></li>
<li><p>Style function arguments that accept CSS property values are now documented in the argument documentation, including a link to the MDN web docs page for the CSS property or value (<a href='https://github.com/gadenbuie/xaringanthemer/issues/33'>#33</a>, thanks <a href='https://github.com/TrashBirdEcology'>@TrashBirdEcology</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/18'>#18</a>).</p></li>
<li><p>Style function arguments that accept CSS property values are now documented in the argument documentation, including a link to the MDN web docs page for the CSS property or value (<a href="https://github.com/gadenbuie/xaringanthemer/issues/33" class="external-link">#33</a>, thanks <a href="https://github.com/TrashBirdEcology" class="external-link">@TrashBirdEcology</a> <a href="https://github.com/gadenbuie/xaringanthemer/issues/18" class="external-link">#18</a>).</p></li>
<li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li> <li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li>
</ul>
</div>
</div>
</div>

<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>

</ul></div>
</div> </div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 0
- 367
pkgdown.css Wyświetl plik

/* Sticky footer */

/**
* Basic idea: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
* Details: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/site.css
*
* .Site -> body > .container
* .Site-content -> body > .container .row
* .footer -> footer
*
* Key idea seems to be to ensure that .container and __all its parents__
* have height set to 100%
*
*/

html, body {
height: 100%;
}

body {
position: relative;
}

body > .container {
display: flex;
height: 100%;
flex-direction: column;
}

body > .container .row {
flex: 1 0 auto;
}

footer {
margin-top: 45px;
padding: 35px 0 36px;
border-top: 1px solid #e5e5e5;
color: #666;
display: flex;
flex-shrink: 0;
}
footer p {
margin-bottom: 0;
}
footer div {
flex: 1;
}
footer .pkgdown {
text-align: right;
}
footer p {
margin-bottom: 0;
}

img.icon {
float: right;
}

img {
max-width: 100%;
}

/* Fix bug in bootstrap (only seen in firefox) */
summary {
display: list-item;
}

/* Typographic tweaking ---------------------------------*/

.contents .page-header {
margin-top: calc(-60px + 1em);
}

dd {
margin-left: 3em;
}

/* Section anchors ---------------------------------*/

a.anchor {
margin-left: -30px;
display:inline-block;
width: 30px;
height: 30px;
visibility: hidden;

background-image: url(./link.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;
}

.hasAnchor:hover a.anchor {
visibility: visible;
}

@media (max-width: 767px) {
.hasAnchor:hover a.anchor {
visibility: hidden;
}
}


/* Fixes for fixed navbar --------------------------*/

.contents h1, .contents h2, .contents h3, .contents h4 {
padding-top: 60px;
margin-top: -40px;
}

/* Navbar submenu --------------------------*/

.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}

/* Sidebar --------------------------*/

#pkgdown-sidebar {
margin-top: 30px;
position: -webkit-sticky;
position: sticky;
top: 70px;
}

#pkgdown-sidebar h2 {
font-size: 1.5em;
margin-top: 1em;
}

#pkgdown-sidebar h2:first-child {
margin-top: 0;
}

#pkgdown-sidebar .list-unstyled li {
margin-bottom: 0.5em;
}

/* bootstrap-toc tweaks ------------------------------------------------------*/

/* All levels of nav */

nav[data-toggle='toc'] .nav > li > a {
padding: 4px 20px 4px 6px;
font-size: 1.5rem;
font-weight: 400;
color: inherit;
}

nav[data-toggle='toc'] .nav > li > a:hover,
nav[data-toggle='toc'] .nav > li > a:focus {
padding-left: 5px;
color: inherit;
border-left: 1px solid #878787;
}

nav[data-toggle='toc'] .nav > .active > a,
nav[data-toggle='toc'] .nav > .active:hover > a,
nav[data-toggle='toc'] .nav > .active:focus > a {
padding-left: 5px;
font-size: 1.5rem;
font-weight: 400;
color: inherit;
border-left: 2px solid #878787;
}

/* Nav: second level (shown on .active) */

nav[data-toggle='toc'] .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}

nav[data-toggle='toc'] .nav .nav > li > a {
padding-left: 16px;
font-size: 1.35rem;
}

nav[data-toggle='toc'] .nav .nav > li > a:hover,
nav[data-toggle='toc'] .nav .nav > li > a:focus {
padding-left: 15px;
}

nav[data-toggle='toc'] .nav .nav > .active > a,
nav[data-toggle='toc'] .nav .nav > .active:hover > a,
nav[data-toggle='toc'] .nav .nav > .active:focus > a {
padding-left: 15px;
font-weight: 500;
font-size: 1.35rem;
}

/* orcid ------------------------------------------------------------------- */

.orcid {
font-size: 16px;
color: #A6CE39;
/* margins are required by official ORCID trademark and display guidelines */
margin-left:4px;
margin-right:4px;
vertical-align: middle;
}

/* Reference index & topics ----------------------------------------------- */

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

.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; min-width: 100px}
.ref-arguments .name {width: 20%;}
.ref-arguments .desc {width: 80%;}

/* Nice scrolling for wide elements --------------------------------------- */

table {
display: block;
overflow: auto;
}

/* Syntax highlighting ---------------------------------------------------- */

pre {
word-wrap: normal;
word-break: normal;
border: 1px solid #eee;
}

pre, code {
background-color: #f8f8f8;
color: #333;
}

pre code {
overflow: auto;
word-wrap: normal;
white-space: pre;
}

pre .img {
margin: 5px 0;
}

pre .img img {
background-color: #fff;
display: block;
height: auto;
}

code a, pre a {
color: #375f84;
}

a.sourceLine:hover {
text-decoration: none;
}

.fl {color: #1514b5;}
.fu {color: #000000;} /* function */
.ch,.st {color: #036a07;} /* string */
.kw {color: #264D66;} /* keyword */
.co {color: #888888;} /* comment */

.message { color: black; font-weight: bolder;}
.error { color: orange; font-weight: bolder;}
.warning { color: #6A0366; font-weight: bolder;}

/* Clipboard --------------------------*/

.hasCopyButton {
position: relative;
}

.btn-copy-ex {
position: absolute;
right: 0;
top: 0;
visibility: hidden;
}

.hasCopyButton:hover button.btn-copy-ex {
visibility: visible;
}

/* headroom.js ------------------------ */

.headroom {
will-change: transform;
transition: transform 200ms linear;
}
.headroom--pinned {
transform: translateY(0%);
}
.headroom--unpinned {
transform: translateY(-100%);
}

/* mark.js ----------------------------*/

mark {
background-color: rgba(255, 255, 51, 0.5);
border-bottom: 2px solid rgba(255, 153, 51, 0.3);
padding: 1px;
}

/* vertical spacing after htmlwidgets */
.html-widget {
margin-bottom: 10px;
}

/* fontawesome ------------------------ */

.fab {
font-family: "Font Awesome 5 Brands" !important;
}

/* don't display links in code chunks when printing */
/* source: https://stackoverflow.com/a/10781533 */
@media print {
code a:link:after, code a:visited:after {
content: "";
}
}

+ 111
- 65
pkgdown.js Wyświetl plik

(function($) { (function($) {
$(function() { $(function() {


$('.navbar-fixed-top').headroom();
$('nav.navbar').headroom();


$('body').css('padding-top', $('.navbar').height() + 10);
$(window).resize(function(){
$('body').css('padding-top', $('.navbar').height() + 10);
Toc.init({
$nav: $("#toc"),
$scope: $("main h2, main h3, main h4, main h5, main h6")
}); });


$('[data-toggle="tooltip"]').tooltip();

var cur_path = paths(location.pathname);
var links = $("#navbar ul li a");
var max_length = -1;
var pos = -1;
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute("href") === "#")
continue;
// Ignore external links
if (links[i].host !== location.host)
continue;

var nav_path = paths(links[i].pathname);

var length = prefix_length(nav_path, cur_path);
if (length > max_length) {
max_length = length;
pos = i;
}
}

// Add class to parent <li>, and enclosing <li> if in dropdown
if (pos >= 0) {
var menu_anchor = $(links[pos]);
menu_anchor.parent().addClass("active");
menu_anchor.closest("li.dropdown").addClass("active");
}
});

function paths(pathname) {
var pieces = pathname.split("/");
pieces.shift(); // always starts with /

var end = pieces[pieces.length - 1];
if (end === "index.html" || end === "")
pieces.pop();
return(pieces);
}

// Returns -1 if not found
function prefix_length(needle, haystack) {
if (needle.length > haystack.length)
return(-1);

// Special case for length-0 haystack, since for loop won't run
if (haystack.length === 0) {
return(needle.length === 0 ? 0 : -1);
}
$('body').scrollspy({
target: '#toc',
offset: 56 // headroom height
});


for (var i = 0; i < haystack.length; i++) {
if (needle[i] != haystack[i])
return(i);
}
// Activate popovers
$('[data-bs-toggle="popover"]').popover({
container: 'body',
html: true,
trigger: 'focus',
placement: "top",
sanitize: false,
});


return(haystack.length);
}
$('[data-bs-toggle="tooltip"]').tooltip();


/* Clipboard --------------------------*/ /* Clipboard --------------------------*/




if(ClipboardJS.isSupported()) { if(ClipboardJS.isSupported()) {
$(document).ready(function() { $(document).ready(function() {
var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";
var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";


$(".examples, div.sourceCode").addClass("hasCopyButton");
$("div.sourceCode").addClass("hasCopyButton");


// Insert copy buttons: // Insert copy buttons:
$(copyButton).prependTo(".hasCopyButton"); $(copyButton).prependTo(".hasCopyButton");
$('.btn-copy-ex').tooltip({container: 'body'}); $('.btn-copy-ex').tooltip({container: 'body'});


// Initialize clipboard: // Initialize clipboard:
var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', {
var clipboard = new ClipboardJS('[data-clipboard-copy]', {
text: function(trigger) { text: function(trigger) {
return trigger.parentNode.textContent;
return trigger.parentNode.textContent.replace(/\n#>[^\n]*/g, "");
} }
}); });


clipboardBtnCopies.on('success', function(e) {
clipboard.on('success', function(e) {
changeTooltipMessage(e.trigger, 'Copied!'); changeTooltipMessage(e.trigger, 'Copied!');
e.clearSelection(); e.clearSelection();
}); });


clipboardBtnCopies.on('error', function() {
clipboard.on('error', function() {
changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy'); changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy');
}); });

}); });
} }

/* Search marking --------------------------*/
var url = new URL(window.location.href);
var toMark = url.searchParams.get("q");
var mark = new Mark("div.col-md-9");
if (toMark) {
mark.mark(toMark, {
accuracy: {
value: "complementary",
limiters: [",", ".", ":", "/"],
}
});
}

/* Search --------------------------*/
/* Adapted from https://github.com/rstudio/bookdown/blob/2d692ba4b61f1e466c92e78fd712b0ab08c11d31/inst/resources/bs4_book/bs4_book.js#L25 */
// Initialise search index on focus
var fuse;
$("#search-input").focus(async function(e) {
if (fuse) {
return;
}

$(e.target).addClass("loading");
var response = await fetch($("#search-input").data("search-index"));
var data = await response.json();

var options = {
keys: ["what", "text", "code"],
ignoreLocation: true,
threshold: 0.1,
includeMatches: true,
includeScore: true,
};
fuse = new Fuse(data, options);

$(e.target).removeClass("loading");
});

// Use algolia autocomplete
var options = {
autoselect: true,
debug: true,
hint: false,
minLength: 2,
};
var q;
async function searchFuse(query, callback) {
await fuse;

var items;
if (!fuse) {
items = [];
} else {
q = query;
var results = fuse.search(query, { limit: 20 });
items = results
.filter((x) => x.score <= 0.75)
.map((x) => x.item);
if (items.length === 0) {
items = [{dir:"Sorry 😿",previous_headings:"",title:"No results found.",what:"No results found.",path:window.location.href}];
}
}
callback(items);
}
$("#search-input").autocomplete(options, [
{
name: "content",
source: searchFuse,
templates: {
suggestion: (s) => {
if (s.title == s.what) {
return `${s.dir} > <div class="search-details"> ${s.title}</div>`;
} else if (s.previous_headings == "") {
return `${s.dir} > <div class="search-details"> ${s.title}</div> > ${s.what}`;
} else {
return `${s.dir} > <div class="search-details"> ${s.title}</div> > ${s.previous_headings} > ${s.what}`;
}
},
},
},
]).on('autocomplete:selected', function(event, s) {
window.location.href = s.path + "?q=" + q + "#" + s.id;
});
});
})(window.jQuery || window.$) })(window.jQuery || window.$)



+ 4
- 4
pkgdown.yml Wyświetl plik

pandoc: 2.7.3 pandoc: 2.7.3
pkgdown: 1.6.1
pkgdown: 2.0.1
pkgdown_sha: ~ pkgdown_sha: ~
articles: articles:
fonts: fonts.html fonts: fonts.html
template-variables: template-variables.html template-variables: template-variables.html
themes: themes.html themes: themes.html
xaringanthemer: xaringanthemer.html xaringanthemer: xaringanthemer.html
last_built: 2021-11-21T19:01Z
last_built: 2021-12-14T15:09Z
urls: urls:
reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
article: https://pkg.garrickadenbuie.com/xaringanthemer//articles
reference: https://pkg.garrickadenbuie.com/xaringanthemer/reference
article: https://pkg.garrickadenbuie.com/xaringanthemer/articles



+ 96
- 195
reference/apply_alpha.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Add alpha to hex color — apply_alpha" />
<meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by
<!-- 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, shrink-to-fit=no"><meta name="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 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" />


and appending to the hex color."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Add alpha to hex color — apply_alpha"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Add alpha to hex color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
<div class="hidden name"><code>apply_alpha.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Add alpha to hex color</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small>
<div class="d-none name"><code>apply_alpha.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Applies alpha (or opacity) to a color in hexadecimal form by <p>Applies alpha (or opacity) to a color in hexadecimal form by
converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]</code> range converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]</code> range
and appending to the hex color.</p> and appending to the hex color.</p>
</div> </div>


<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">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>color_hex</th>
<td><p>A character string representing a hex color</p></td>
</tr>
<tr>
<th>opacity</th>
<td><p>Desired opacity of the output color</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>color_hex</dt>
<dd><p>A character string representing a hex color</p></dd>
<dt>opacity</dt>
<dd><p>Desired opacity of the output color</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A character string with added opacity level as hexadecimal characters.</p> <p>A character string with added opacity level as hexadecimal characters.</p>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><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>
<span class='r-in'> <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>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">blue</span> <span class="op">&lt;-</span> <span class="st">"#0e6ba8"</span></span>
<span class="r-in"><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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">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>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="apply_alpha-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 107
- 207
reference/choose_dark_or_light.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Choose dark or light color — choose_dark_or_light" />
<meta property="og:description" content="Takes a color input as x and returns either the black or white color (or
<!-- 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, shrink-to-fit=no"><meta name="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 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" />


best contrast. Follows W3C Recommendations."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Choose dark or light color — choose_dark_or_light"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Choose dark or light color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
<div class="hidden name"><code>choose_dark_or_light.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Choose dark or light color</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small>
<div class="d-none name"><code>choose_dark_or_light.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Takes a color input as <code>x</code> and returns either the black or white color (or <p>Takes a color input as <code>x</code> and returns either the black or white color (or
expression) if dark or light text should be used over the input color for expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations.</p> best contrast. Follows W3C Recommendations.</p>
</div> </div>


<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">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>x</th>
<td><p>The background color (hex)</p></td>
</tr>
<tr>
<th>black</th>
<td><p>Text or foreground color, e.g. "#222" or
<code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td>
</tr>
<tr>
<th>white</th>
<td><p>Text or foreground color or expression, e.g. "#EEE" or
<code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>x</dt>
<dd><p>The background color (hex)</p></dd>
<dt>black</dt>
<dd><p>Text or foreground color, e.g. "#222" or
<code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></dd>
<dt>white</dt>
<dd><p>Text or foreground color or expression, e.g. "#EEE" or
<code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>The <code>black</code> color or <code>white</code> color according to which color provides <p>The <code>black</code> color or <code>white</code> color according to which color provides
the greates contrast with the input color.</p> 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"><span class='r-in'><span class='va'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span></span>
<span class='r-in'><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>
<span class='r-in'><span class='va'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><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>
<span class='r-in'> <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>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</div>
<div class="section level2">
<h2 id="references">References<a class="anchor" aria-label="anchor" href="#references"></a></h2>
<p><a href="https://stackoverflow.com/a/3943023/2022615" class="external-link">https://stackoverflow.com/a/3943023/2022615</a></p>
</div>

<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">light_green</span> <span class="op">&lt;-</span> <span class="st">"#c4d6b0"</span></span>
<span class="r-in"><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>
<span class="r-in"><span class="va">dark_purple</span> <span class="op">&lt;-</span> <span class="st">"#381d2a"</span></span>
<span class="r-in"><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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">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>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="choose_dark_or_light-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 121
- 222
reference/google_font.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Specify Google Font — google_font" />
<meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the
<!-- 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, shrink-to-fit=no"><meta name="description" content="Builds Google Fonts URL from family name. Extra weights are given in the
... parameters. Languages can be specified in languages 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" />




<!-- 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]>
more of the language codes as given by google_language_codes()."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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 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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Specify Google Font</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>google_font.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Specify Google Font</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small>
<div class="d-none name"><code>google_font.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Builds Google Fonts URL from family name. Extra weights are given in the <p>Builds Google Fonts URL from family name. Extra weights are given in the
<code>...</code> parameters. Languages can be specified in <code>languages</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>
more of the language codes as given by <code><a href="google_language_codes.html">google_language_codes()</a></code>.</p>
</div> </div>


<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">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>family</th>
<td><p>Font family</p></td>
</tr>
<tr>
<th>...</th>
<td><p>Font weights to include, example "400", "400i"</p></td>
</tr>
<tr>
<th>languages</th>
<td><p>Font languages to include (dependent on the font.) See
<code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>family</dt>
<dd><p>Font family</p></dd>
<dt>...</dt>
<dd><p>Font weights to include, example "400", "400i"</p></dd>
<dt>languages</dt>
<dd><p>Font languages to include (dependent on the font.) See
<code><a href="google_language_codes.html">google_language_codes()</a></code>.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A <code>"google_font"</code> object.</p> <p>A <code>"google_font"</code> object.</p>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><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></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "400,400i,600i,700"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
<span class='r-in'><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></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "latin-ext,vietnamese"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><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></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $family</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "Josefin Sans"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $weights</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "400,400i,600i,700"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $languages</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> NULL</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $url</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> attr(,"class")</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "google_font"</span>
<span class="r-in"><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" class="external-link">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></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $family</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "Josefin Sans"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $weights</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> NULL</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $languages</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "latin-ext,vietnamese"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> $url</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> attr(,"class")</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "google_font"</span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 91
- 190
reference/google_language_codes.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><meta name="description" content="Gives a list of valid Language Codes for Google Fonts, or
validates that the language codes given are valid."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>List Valid Google Language Codes</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
<div class="hidden name"><code>google_language_codes.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>List Valid Google Language Codes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small>
<div class="d-none name"><code>google_language_codes.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Gives a list of valid Language Codes for Google Fonts, or <p>Gives a list of valid Language Codes for Google Fonts, or
validates that the language codes given are valid.</p> validates that the language codes given are valid.</p>
</div> </div>


<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><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">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>language_codes</th>
<td><p>Vector of potential Google language codes</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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" class="external-link">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><span class="op">)</span>
<span class="op">)</span></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>language_codes</dt>
<dd><p>Vector of potential Google language codes</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A vector of Google Font language codes matching <code>language_codes</code>.</p> <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>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
<div class="dont-index"><p><code><a href="google_font.html">google_font()</a></code></p></div>
</div>


</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 207
- 349
reference/index.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />




<!-- 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]>
<!-- 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, shrink-to-fit=no"><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-index">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-index">
<div class="row"> <div class="row">
<div class="contents col-md-9">
<div class="page-header">
<h1>Reference</h1>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Function reference</h1>
</div> </div>


<table class="ref-index">

<colgroup>
<div class="section level2">
<h2 id="writing-css">Writing CSS<a class="anchor" aria-label="anchor" href="#writing-css"></a></h2>
<col class="alias" />
<col class="title" />
</colgroup>
<p class="section-desc"></p><p>Functions that write CSS from inside a xaringan R markdown document.</p>


<tbody>
<tr>
<th colspan="2">
<h2 id="section-writing-css" class="hasAnchor"><a href="#section-writing-css" class="anchor"></a>Writing CSS</h2>
<p class="section-desc"><p>Functions that write CSS from inside a xaringan R markdown document.</p></p>
</th>
</tr>
</div><div id="" class="section level2">
</tbody><tbody>
<tr>
<td>
<p><code><a href="style_xaringan.html">xaringanthemer_font_default()</a></code> <code><a href="style_xaringan.html">style_xaringan()</a></code> </p>
</td>
<td><p>Write A Customized Xaringan Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_extra_css.html">style_extra_css()</a></code> </p>
</td>
<td><p>Add Extra CSS Styles</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-xaringan-themes" class="hasAnchor"><a href="#section-xaringan-themes" class="anchor"></a>xaringan Themes</h2>
<p class="section-desc"><p>Parameterized styles for xaringan slides using one (mono) or two (duo) base colors. Bonus: slide styles based on the solarized color palette.</p></p>
</th>
</tr>

<dl><dt>
<code><a href="style_xaringan.html">xaringanthemer_font_default()</a></code> <code><a href="style_xaringan.html">style_xaringan()</a></code>
</dt>
<dd>Write A Customized Xaringan Theme</dd>
</dl><dl><dt>
<code><a href="style_extra_css.html">style_extra_css()</a></code>
</dt>
<dd>Add Extra CSS Styles</dd>
</dl></div><div class="section level2">
<h2 id="xaringan-themes">xaringan Themes<a class="anchor" aria-label="anchor" href="#xaringan-themes"></a></h2>
</tbody><tbody>
<p class="section-desc"></p><p>Parameterized styles for xaringan slides using one (mono) or two (duo) base colors. Bonus: slide styles based on the solarized color palette.</p>

</div><div id="" class="section level2">
<tr>
<td>
<p><code><a href="style_mono_accent.html">style_mono_accent()</a></code> </p>
</td>
<td><p>Monotone Accent Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> </p>
</td>
<td><p>Monotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_mono_dark.html">style_mono_dark()</a></code> </p>
</td>
<td><p>Monotone Dark Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_mono_light.html">style_mono_light()</a></code> </p>
</td>
<td><p>Monotone Light Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_duo.html">style_duo()</a></code> </p>
</td>
<td><p>Duotone Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_duo_accent.html">style_duo_accent()</a></code> </p>
</td>
<td><p>Duotone Accent Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> </p>
</td>
<td><p>Duotone Accent Inverse Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> </p>
</td>
<td><p>Solarized Dark Theme</p></td>
</tr><tr>
<td>
<p><code><a href="style_solarized_light.html">style_solarized_light()</a></code> </p>
</td>
<td><p>Solarized Light Theme</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-google-fonts" class="hasAnchor"><a href="#section-google-fonts" class="anchor"></a>Google Fonts</h2>
<p class="section-desc"><p>Helper functions for using Google Fonts in your slide styles.</p></p>
</th>
</tr>
</tbody><tbody>

<dl><dt>
<code><a href="style_mono_accent.html">style_mono_accent()</a></code>
</dt>
<dd>Monotone Accent Theme</dd>
</dl><dl><dt>
<code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code>
</dt>
<dd>Monotone Accent Inverse Theme</dd>
</dl><dl><dt>
<code><a href="style_mono_dark.html">style_mono_dark()</a></code>
</dt>
<dd>Monotone Dark Theme</dd>
</dl><dl><dt>
<code><a href="style_mono_light.html">style_mono_light()</a></code>
</dt>
<dd>Monotone Light Theme</dd>
</dl><dl><dt>
<code><a href="style_duo.html">style_duo()</a></code>
</dt>
<dd>Duotone Theme</dd>
</dl><dl><dt>
<code><a href="style_duo_accent.html">style_duo_accent()</a></code>
</dt>
<dd>Duotone Accent Theme</dd>
</dl><dl><dt>
<code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code>
</dt>
<dd>Duotone Accent Inverse Theme</dd>
</dl><dl><dt>
<code><a href="style_solarized_dark.html">style_solarized_dark()</a></code>
</dt>
<dd>Solarized Dark Theme</dd>
</dl><dl><dt>
<code><a href="style_solarized_light.html">style_solarized_light()</a></code>
</dt>
<dd>Solarized Light Theme</dd>
</dl></div><div class="section level2">
<h2 id="google-fonts">Google Fonts<a class="anchor" aria-label="anchor" href="#google-fonts"></a></h2>
<p class="section-desc"></p><p>Helper functions for using Google Fonts in your slide styles.</p>

<tr>
<td>
<p><code><a href="google_font.html">google_font()</a></code> </p>
</td>
<td><p>Specify Google Font</p></td>
</tr><tr>
<td>
<p><code><a href="google_language_codes.html">google_language_codes()</a></code> </p>
</td>
<td><p>List Valid Google Language Codes</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-ggplot-themes" class="hasAnchor"><a href="#section-ggplot-themes" class="anchor"></a>ggplot2 Themes</h2>
<p class="section-desc"><p>Plot themes for ggplot2 to match your xaringanthemer slide styles.</p></p>
</th>
</tr>
</div><div id="" class="section level2">
</tbody><tbody>

<dl><dt>
<code><a href="google_font.html">google_font()</a></code>
</dt>
<dd>Specify Google Font</dd>
</dl><dl><dt>
<code><a href="google_language_codes.html">google_language_codes()</a></code>
</dt>
<dd>List Valid Google Language Codes</dd>
</dl></div><div class="section level2">
<h2 id="ggplot-themes">ggplot2 Themes<a class="anchor" aria-label="anchor" href="#ggplot-themes"></a></h2>
<tr>
<td>
<p><code><a href="theme_xaringan.html">theme_xaringan()</a></code> </p>
</td>
<td><p>A Plot Theme for ggplot2 by xaringanthemer</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> </p>
</td>
<td><p>An Inverse Plot Theme for ggplot2 by xaringanthemer</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code> </p>
</td>
<td><p>The ggplot2 xaringanthemer base plot theme</p></td>
</tr><tr>
<td>
<p><code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults()</a></code> <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code> </p>
</td>
<td><p>Set and Restore ggplot2 geom Defaults</p></td>
</tr><tr>
<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>Themed ggplot2 Scales</p></td>
</tr>
</tbody><tbody>
<tr>
<th colspan="2">
<h2 id="section-helper-functions" class="hasAnchor"><a href="#section-helper-functions" class="anchor"></a>Helper functions</h2>
<p class="section-desc"><p>Helpers for Google fonts and color adjustments.</p></p>
</th>
</tr>
<p class="section-desc"></p><p>Plot themes for ggplot2 to match your xaringanthemer slide styles.</p>

</div><div id="" class="section level2">
</tbody><tbody>
<tr>
<td>
<p><code><a href="theme_xaringan_get_value.html">theme_xaringan_get_value()</a></code> </p>
</td>
<td><p>Get the Value of xaringanthemer Style Setting</p></td>
</tr><tr>
<td>
<p><code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> </p>
</td>
<td><p>Generate lighter or darker version of a color</p></td>
</tr><tr>
<td>
<p><code><a href="apply_alpha.html">apply_alpha()</a></code> </p>
</td>
<td><p>Add alpha to hex color</p></td>
</tr><tr>
<td>
<p><code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> </p>
</td>
<td><p>Choose dark or light color</p></td>
</tr>
</tbody>
</table>
</div>


<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<dl><dt>
<code><a href="theme_xaringan.html">theme_xaringan()</a></code>
</dt>
<dd>A Plot Theme for ggplot2 by xaringanthemer</dd>
</dl><dl><dt>
<code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code>
</dt>
<dd>An Inverse Plot Theme for ggplot2 by xaringanthemer</dd>
</dl><dl><dt>
<code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code>
</dt>
<dd>The ggplot2 xaringanthemer base plot theme</dd>
</dl><dl><dt>
<code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults()</a></code> <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>
</dt>
<dd>Set and Restore ggplot2 geom Defaults</dd>
</dl><dl><dt>
<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>
</dt>
<dd>Themed ggplot2 Scales</dd>
</dl></div><div class="section level2">
<h2 id="helper-functions">Helper functions<a class="anchor" aria-label="anchor" href="#helper-functions"></a></h2>
<p class="section-desc"></p><p>Helpers for Google fonts and color adjustments.</p>


</div><div id="" class="section level2">


<footer>
<div class="copyright">
<p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
<dl><dt>
<code><a href="theme_xaringan_get_value.html">theme_xaringan_get_value()</a></code>
</dt>
<dd>Get the Value of xaringanthemer Style Setting</dd>
</dl><dl><dt>
<code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code>
</dt>
<dd>Generate lighter or darker version of a color</dd>
</dl><dl><dt>
<code><a href="apply_alpha.html">apply_alpha()</a></code>
</dt>
<dd>Add alpha to hex color</dd>
</dl><dl><dt>
<code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code>
</dt>
<dd>Choose dark or light color</dd>
</dl></div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>


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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 96
- 197
reference/lighten_darken_color.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><meta name="description" content="Produces a linear blend of the color with white or black."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Generate lighter or darker version of a color</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
<div class="hidden name"><code>lighten_darken_color.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Generate lighter or darker version of a color</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/color.R" class="external-link"><code>R/color.R</code></a></small>
<div class="d-none name"><code>lighten_darken_color.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Produces a linear blend of the color with white or black.</p> <p>Produces a linear blend of the color with white or black.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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='op'>(</span><span class='va'>color_hex</span>, strength <span class='op'>=</span> <span class='fl'>0.8</span><span class='op'>)</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></code></pre></div>
</div>


<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>color_hex</th>
<td><p>A character string representing a hex color</p></td>
</tr>
<tr>
<th>strength</th>
<td><p>The "strength" of the blend with white or black,
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>color_hex</dt>
<dd><p>A character string representing a hex color</p></dd>
<dt>strength</dt>
<dd><p>The "strength" of the blend with white or black,
where 0 is entirely the original color and 1 is entirely white where 0 is entirely the original color and 1 is entirely white
(<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></td>
</tr>
</table>

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

(<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A character string with the lightened or darkened color in <p>A character string with the lightened or darkened color in
hexadecimal format.</p> hexadecimal format.</p>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><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>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><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>
<span class='r-in'> <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>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="va">blue</span> <span class="op">&lt;-</span> <span class="st">"#0e6ba8"</span></span>
<span class="r-in"><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>
<span class="r-in"><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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"> <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">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>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="lighten_darken_color-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 209
- 317
reference/scale_xaringan.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Themed ggplot2 Scales — scale_xaringan" />
<meta property="og:description" content="
<!-- 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, shrink-to-fit=no"><meta name="description" content="
Color and fill single-color scales for discrete and continuous values, Color and fill single-color scales for discrete and continuous values,
created using the primary accent color of the xaringanthemer styles. See created using the primary accent color of the xaringanthemer styles. See
vignette(&quot;ggplot2-themes&quot;) for more information and examples of 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" />




<!-- 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]>
xaringanthemer's ggplot2-related functions."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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. 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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<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>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Themed ggplot2 Scales</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>scale_xaringan.Rd</code></div>
</div> </div>


<div class="ref-description">
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<div class="ref-description section level2">
<p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><img src="figures/lifecycle-maturing.svg" alt="[Maturing]"></a></p>
<p>Color and fill single-color scales for discrete and continuous values, <p>Color and fill single-color scales for discrete and continuous values,
created using the primary accent color of the xaringanthemer styles. See 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
<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> <span class="pkg">xaringanthemer</span>'s <span class="pkg">ggplot2</span>-related functions.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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" class="external-link">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" class="external-link">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></code></pre></div>
</div>


<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>aes_type</th>
<td><p>The type of aesthetic to which the scale is being applied.
One of "color", "colour", or "fill".</p></td>
</tr>
<tr>
<th>...</th>
<td><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale
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>
<th>color</th>
<td><p>A color value, in hex, to override the default color. Otherwise,
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>aes_type</dt>
<dd><p>The type of aesthetic to which the scale is being applied.
One of "color", "colour", or "fill".</p></dd>
<dt>...</dt>
<dd><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale
functions — one of <code><a href="https://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html" class="external-link">colorspace::scale_color_discrete_sequential()</a></code>,
<code><a href="https://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_color_continuous_sequential()</a></code>,
<code><a href="https://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html" class="external-link">colorspace::scale_fill_discrete_sequential()</a></code>, or
<code><a href="https://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html" class="external-link">colorspace::scale_fill_continuous_sequential()</a></code> — or to
<a href="https://ggplot2.tidyverse.org/reference/continuous_scale.html" class="external-link">ggplot2::continuous_scale</a> or <a href="https://ggplot2.tidyverse.org/reference/discrete_scale.html" class="external-link">ggplot2::discrete_scale</a>.</p></dd>
<dt>color</dt>
<dd><p>A color value, in hex, to override the default color. Otherwise,
the primary color of the resulting scale is chosen from the xaringanthemer the primary color of the resulting scale is chosen from the xaringanthemer
slide styles.</p></td>
</tr>
<tr>
<th>direction</th>
<td><p>Direction of the discrete scale. Use values less than 0 to
reverse the direction, e.g. <code>direction = -1</code>.</p></td>
</tr>
<tr>
<th>inverse</th>
<td><p>If <code>color</code> is not supplied and <code>inverse = TRUE</code>, a primary
slide styles.</p></dd>
<dt>direction</dt>
<dd><p>Direction of the discrete scale. Use values less than 0 to
reverse the direction, e.g. <code>direction = -1</code>.</p></dd>
<dt>inverse</dt>
<dd><p>If <code>color</code> is not supplied and <code>inverse = TRUE</code>, a primary
color is chosen to work well with the inverse slide styles, namely the color is chosen to work well with the inverse slide styles, namely the
value of <code>inverse_header_color</code></p></td>
</tr>
<tr>
<th>begin</th>
<td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the smallest data value should be mapped.</p></td>
</tr>
<tr>
<th>end</th>
<td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the largest data value should be mapped.</p></td>
</tr>
</table>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># Saving the theme to a temp file because this is an example</span></span>
<span class='r-in'> <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>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span>
<span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span>
<span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Here's some very basic example data</span></span>
<span class='r-in'> <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></span>
<span class='r-in'> 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>,</span>
<span class='r-in'> 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>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Fill color scales demo</span></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># Fill color matches teal text</span></span>
<span class='r-in'> <span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Color scales demo</span></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># Fill color matches teal text</span></span>
<span class='r-in'> <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>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
value of <code>inverse_header_color</code></p></dd>
<dt>begin</dt>
<dd><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the smallest data value should be mapped.</p></dd>
<dt>end</dt>
<dd><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the largest data value should be mapped.</p></dd>
</dl></div>

<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span>
<span class="r-in"><span class="va">has_ggplot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
<span class="r-in"> <span class="co"># Saving the theme to a temp file because this is an example</span></span>
<span class="r-in"> <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" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span>
<span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span>
<span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span>
<span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span>
<span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span>
<span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span>
<span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span>
<span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Here's some very basic example data</span></span>
<span class="r-in"> <span class="va">ex</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
<span class="r-in"> name <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">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>,</span>
<span class="r-in"> n <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">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>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Fill color scales demo</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">ex</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html" class="external-link">geom_col</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching fill scales"</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="co"># themed to match the slides: dark blue background with teal text</span></span>
<span class="r-in"> <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>
<span class="r-in"> <span class="co"># Fill color matches teal text</span></span>
<span class="r-in"> <span class="fu">scale_xaringan_fill_continuous</span><span class="op">(</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Color scales demo</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">ex</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Matching color scales"</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="co"># themed to match the slides: dark blue background with teal text</span></span>
<span class="r-in"> <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>
<span class="r-in"> <span class="co"># Fill color matches teal text</span></span>
<span class="r-in"> <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>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="scale_xaringan-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 413
- 647
reference/style_duo.html
Plik diff jest za duży
Wyświetl plik


+ 424
- 662
reference/style_duo_accent.html
Plik diff jest za duży
Wyświetl plik


+ 425
- 663
reference/style_duo_accent_inverse.html
Plik diff jest za duży
Wyświetl plik


+ 124
- 227
reference/style_extra_css.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Add Extra CSS Styles — style_extra_css" />
<meta property="og:description" content="Adds css elements to target outfile, typically a xaringanthemer css file.
<!-- 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, shrink-to-fit=no"><meta name="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) 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" />




<!-- 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]>
and appends CSS rules to outfile."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Add Extra CSS Styles — style_extra_css"><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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Add Extra CSS Styles</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_extra_css.R'><code>R/style_extra_css.R</code></a></small>
<div class="hidden name"><code>style_extra_css.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Add Extra CSS Styles</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/style_extra_css.R" class="external-link"><code>R/style_extra_css.R</code></a></small>
<div class="d-none name"><code>style_extra_css.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>Adds css elements to target <code>outfile</code>, typically a xaringanthemer css file. <p>Adds css elements to target <code>outfile</code>, typically a xaringanthemer css file.
The <code>css</code> argument takes a list of CSS classes and definitions (see examples below) The <code>css</code> argument takes a list of CSS classes and definitions (see examples below)
and appends CSS rules to <code>outfile</code>.</p> and appends CSS rules to <code>outfile</code>.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<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>css</th>
<td><p>A named list of CSS definitions each containing a named list
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>css</dt>
<dd><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code>list(".class-id" = list("css-property" = "value"))</code></p></td>
</tr>
<tr>
<th>outfile</th>
<td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
</tr>
<tr>
<th>append</th>
<td><p>If <code>TRUE</code> output will be appended to <code>outfile</code>; otherwise,
it will overwrite the contents of <code>outfile</code>.</p></td>
</tr>
<tr>
<th>heading</th>
<td><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></td>
</tr>
</table>

<h2 class="hasAnchor" id="css-list"><a class="anchor" href="#css-list"></a>css list</h2>

<code>list(".class-id" = list("css-property" = "value"))</code></p></dd>
<dt>outfile</dt>
<dd><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></dd>
<dt>append</dt>
<dd><p>If <code>TRUE</code> output will be appended to <code>outfile</code>; otherwise,
it will overwrite the contents of <code>outfile</code>.</p></dd>
<dt>heading</dt>
<dd><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="css-list">css list<a class="anchor" aria-label="anchor" href="#css-list"></a></h2>


<p>The <code>css</code> input must be a named list of css properties and values within a <p>The <code>css</code> input must be a named list of css properties and values within a
named list of class identifiers, for example named list of class identifiers, for example
<code>list(".class-id" = list("css-property" = "value"))</code>.</p> <code>list(".class-id" = list("css-property" = "value"))</code>.</p>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='fu'>style_extra_css</span><span class='op'>(</span></span>
<span class='r-in'> 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>,</span>
<span class='r-in'> 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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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></span>
<span class='r-in'> display <span class='op'>=</span> <span class='st'>"flex"</span>,</span>
<span class='r-in'> width <span class='op'>=</span> <span class='st'>"100%"</span>,</span>
<span class='r-in'> flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> /* Extra CSS */</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .red {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> color: red;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .small {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> font-size: 90%;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .full-width {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> display: flex;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> width: 100%;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> flex: 1 1 auto;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="fu">style_extra_css</span><span class="op">(</span></span>
<span class="r-in"> outfile <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/showConnections.html" class="external-link">stdout</a></span><span class="op">(</span><span class="op">)</span>,</span>
<span class="r-in"> css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> <span class="st">".red"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">".small"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">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>
<span class="r-in"> <span class="st">".full-width"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> display <span class="op">=</span> <span class="st">"flex"</span>,</span>
<span class="r-in"> width <span class="op">=</span> <span class="st">"100%"</span>,</span>
<span class="r-in"> flex <span class="op">=</span> <span class="st">"1 1 auto"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"><span class="op">)</span></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> </span>
<span class="r-out co"><span class="r-pr">#&gt;</span> /* Extra CSS */</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> .red {</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> color: red;</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> }</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> .small {</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> font-size: 90%;</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> }</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> .full-width {</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> display: flex;</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> width: 100%;</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> flex: 1 1 auto;</span>
<span class="r-out co"><span class="r-pr">#&gt;</span> }</span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 416
- 652
reference/style_mono_accent.html
Plik diff jest za duży
Wyświetl plik


+ 416
- 652
reference/style_mono_accent_inverse.html
Plik diff jest za duży
Wyświetl plik


+ 414
- 651
reference/style_mono_dark.html
Plik diff jest za duży
Wyświetl plik


+ 414
- 651
reference/style_mono_light.html
Plik diff jest za duży
Wyświetl plik


+ 407
- 635
reference/style_solarized_dark.html
Plik diff jest za duży
Wyświetl plik


+ 407
- 635
reference/style_solarized_light.html
Plik diff jest za duży
Wyświetl plik


+ 411
- 645
reference/style_xaringan.html
Plik diff jest za duży
Wyświetl plik


+ 172
- 291
reference/theme_xaringan.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan" />
<meta property="og:description" content="
<!-- 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, shrink-to-fit=no"><meta name="description" content='
Creates ggplot2 themes to match the xaringanthemer theme used in the Creates ggplot2 themes to match the xaringanthemer theme used in the
xaringan slides that seamlessly matches the &quot;normal&quot; slide colors and
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" />




<!-- 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]>
xaringan slides that seamlessly matches the "normal" slide colors and
styles. See vignette("ggplot2-themes") for more information and examples.'><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan"><meta property="og:description" content='
Creates ggplot2 themes to match the xaringanthemer theme used in the
xaringan slides that seamlessly matches the "normal" slide colors and
styles. See vignette("ggplot2-themes") 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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>A Plot Theme for ggplot2 by xaringanthemer</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>theme_xaringan.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>A Plot Theme for ggplot2 by xaringanthemer</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>theme_xaringan.Rd</code></div>
</div> </div>


<div class="ref-description">
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<div class="ref-description section level2">
<p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><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 <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 <span class="pkg">xaringan</span> slides that seamlessly matches the "normal" slide colors and
styles. See <code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
styles. See <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<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>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
<tr>
<th>css_file</th>
<td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>text_color</dt>
<dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd>
<dt>background_color</dt>
<dd><p>Color for background, inherits from
<code>background_color</code></p></dd>
<dt>accent_color</dt>
<dd><p>Color for titles and accents, inherits from
<code>header_color</code></p></dd>
<dt>accent_secondary_color</dt>
<dd><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></dd>
<dt>css_file</dt>
<dd><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
theme variables and values will be inferred. In general, if you use the theme variables and values will be inferred. In general, if you use the
<span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
if you have only saved your theme CSS file and you aren't creating your if you have only saved your theme CSS file and you aren't creating your
CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
</tr>
<tr>
<th>set_ggplot_defaults</th>
<td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd>
<dt>set_ggplot_defaults</dt>
<dd><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
</tr>
<tr>
<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
defaults, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd>
<dt>text_font</dt>
<dd><p>Font to use for text elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></td>
</tr>
<tr>
<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><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>text_font_use_google</dt>
<dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>text_font_size</dt>
<dd><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></dd>
<dt>title_font</dt>
<dd><p>Font to use for title elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>title_font_size</th>
<td><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
<code><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>title_font_use_google</dt>
<dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>title_font_size</dt>
<dd><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></dd>
<dt>use_showtext</dt>
<dd><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 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 entirely, which may result in errors during plotting if the fonts used are
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

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

package is installed.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A ggplot2 theme</p> <p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes:
<code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
<div class="dont-index"><p>Other xaringanthemer ggplot2 themes:
<code><a href="theme_xaringan_base.html">theme_xaringan_base</a>()</code>,
<code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse</a>()</code>,
<code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults</a>()</code></p></div>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='co'># Because this is an example, we'll save the CSS to a temp file</span></span>
<span class='r-in'> <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>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span>
<span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span>
<span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span>
<span class="r-in"><span class="va">has_ggplot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span>
<span class="r-in"> <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" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span>
<span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span>
<span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span>
<span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span>
<span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span>
<span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span>
<span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span>
<span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">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>
<span class="r-in"> <span class="fu">theme_xaringan</span><span class="op">(</span><span class="op">)</span></span>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="theme_xaringan-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 198
- 312
reference/theme_xaringan_base.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base" />
<meta property="og:description" content="
<!-- 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, shrink-to-fit=no"><meta name="description" content='
Provides a base plot theme for ggplot2 to match the xaringan Provides a base plot theme for ggplot2 to match the xaringan
slide theme created by xaringanthemer. The theme is designed to create a 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 general plot style from two colors, a background_color and a text_color
accent_secondary_color that are xaringanthemer is not required for the accent_secondary_color that are xaringanthemer is not required for the
base theme. Use theme_xaringan() or theme_xaringan_inverse() in xaringan base theme. Use theme_xaringan() or theme_xaringan_inverse() in xaringan
slides styled by xaringanthemer for a plot theme that matches the slide 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" />




<!-- 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]>
style. See vignette("ggplot2-themes") for more information and examples.'><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base"><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("ggplot2-themes") 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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>The ggplot2 xaringanthemer base plot theme</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>theme_xaringan_base.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>The ggplot2 xaringanthemer base plot theme</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>theme_xaringan_base.Rd</code></div>
</div> </div>


<div class="ref-description">
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<div class="ref-description section level2">
<p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><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> <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
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> 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 (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
<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 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>
style. See <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<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>text_color</th>
<td><p>Color for text and foreground</p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background</p></td>
</tr>
<tr>
<th>...</th>
<td><p>Ignored</p></td>
</tr>
<tr>
<th>set_ggplot_defaults</th>
<td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>text_color</dt>
<dd><p>Color for text and foreground</p></dd>
<dt>background_color</dt>
<dd><p>Color for background</p></dd>
<dt>...</dt>
<dd><p>Ignored</p></dd>
<dt>set_ggplot_defaults</dt>
<dd><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
defaults, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd>
<dt>accent_color</dt>
<dd><p>Color for titles and accents, inherits from
<code>header_color</code> or <code>text_color</code>. Used for the <code>title</code> base setting in <code>header_color</code> or <code>text_color</code>. Used for the <code>title</code> base setting in
<code><a href='https://ggplot2.tidyverse.org/reference/theme.html'>ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
<span class="pkg">ggplot2</span> geom defaults.</p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code><a href="https://ggplot2.tidyverse.org/reference/theme.html" class="external-link">ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
<span class="pkg">ggplot2</span> geom defaults.</p></dd>
<dt>accent_secondary_color</dt>
<dd><p>Color for secondary accents, inherits from
<code>text_bold_color</code> or <code>accent_color</code>. Used only when setting <span class="pkg">ggplot2</span> geom <code>text_bold_color</code> or <code>accent_color</code>. Used only when setting <span class="pkg">ggplot2</span> geom
defaults.</p></td>
</tr>
<tr>
<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
defaults.</p></dd>
<dt>text_font</dt>
<dd><p>Font to use for text elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></td>
</tr>
<tr>
<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><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>text_font_use_google</dt>
<dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>text_font_size</dt>
<dd><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></dd>
<dt>title_font</dt>
<dd><p>Font to use for title elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>title_font_size</th>
<td><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
<code><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>title_font_use_google</dt>
<dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>title_font_size</dt>
<dd><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></dd>
<dt>use_showtext</dt>
<dd><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 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 entirely, which may result in errors during plotting if the fonts used are
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

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

package is installed.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A ggplot2 theme</p> <p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes:
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
<div class="dont-index"><p>Other xaringanthemer ggplot2 themes:
<code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse</a>()</code>,
<code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults</a>()</code>,
<code><a href="theme_xaringan.html">theme_xaringan</a>()</code></p></div>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <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>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='fu'>theme_xaringan_base</span><span class='op'>(</span></span>
<span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#602f6b"</span>, <span class='co'># imperial</span></span>
<span class='r-in'> background_color <span class='op'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span></span>
<span class='r-in'> accent_color <span class='op'>=</span> <span class='st'>"#317873"</span>, <span class='co'># myrtle green</span></span>
<span class='r-in'> title_font <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> text_font <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span></span>
<span class='r-in'> <span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span></span>
<span class='r-in'> title <span class='op'>=</span> <span class='st'>"Fuel Efficiency of Various Cars"</span>,</span>
<span class='r-in'> subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,</span>
<span class='r-in'> caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='fu'>theme_xaringan_base</span><span class='op'>(</span></span>
<span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span></span>
<span class='r-in'> background_color <span class='op'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span></span>
<span class='r-in'> accent_color <span class='op'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span></span>
<span class='r-in'> title_font <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> text_font <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span></span>
<span class='r-in'> <span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span></span>
<span class='r-in'> title <span class='op'>=</span> <span class='st'>"Highway Fuel Efficiency"</span>,</span>
<span class='r-in'> subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,</span>
<span class='r-in'> caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></span>
<span class='r-plt img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span>
<span class="r-in"><span class="va">has_ggplot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="va">plot1</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span>
<span class="r-in"> text_color <span class="op">=</span> <span class="st">"#602f6b"</span>, <span class="co"># imperial</span></span>
<span class="r-in"> background_color <span class="op">=</span> <span class="st">"#f8f8f8"</span>, <span class="co"># light gray</span></span>
<span class="r-in"> accent_color <span class="op">=</span> <span class="st">"#317873"</span>, <span class="co"># myrtle green</span></span>
<span class="r-in"> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span>
<span class="r-in"> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span>
<span class="r-in"> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span>
<span class="r-in"> title <span class="op">=</span> <span class="st">"Fuel Efficiency of Various Cars"</span>,</span>
<span class="r-in"> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span>
<span class="r-in"> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot1</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="va">plot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_histogram.html" class="external-link">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>
<span class="r-in"> <span class="fu">theme_xaringan_base</span><span class="op">(</span></span>
<span class="r-in"> text_color <span class="op">=</span> <span class="st">"#a8a9c8"</span>, <span class="co"># light purple</span></span>
<span class="r-in"> background_color <span class="op">=</span> <span class="st">"#303163"</span>, <span class="co"># deep slate purple</span></span>
<span class="r-in"> accent_color <span class="op">=</span> <span class="st">"#ffff99"</span>, <span class="co"># canary yellow</span></span>
<span class="r-in"> title_font <span class="op">=</span> <span class="st">"sans"</span>,</span>
<span class="r-in"> text_font <span class="op">=</span> <span class="st">"serif"</span>,</span>
<span class="r-in"> set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">labs</a></span><span class="op">(</span></span>
<span class="r-in"> title <span class="op">=</span> <span class="st">"Highway Fuel Efficiency"</span>,</span>
<span class="r-in"> subtitle <span class="op">=</span> <span class="st">"+ theme_xaringan_base()"</span>,</span>
<span class="r-in"> caption <span class="op">=</span> <span class="st">"xaringanthemer"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">plot2</span><span class="op">)</span></span>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="theme_xaringan_base-1.png" alt="" width="700" height="433"></span>
<span class="r-plt img"><img src="theme_xaringan_base-2.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 105
- 207
reference/theme_xaringan_get_value.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />




<!-- 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]>
<!-- 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, shrink-to-fit=no"><meta name="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."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Get the Value of xaringanthemer Style Setting</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>theme_xaringan_get_value.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Get the Value of xaringanthemer Style Setting</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>theme_xaringan_get_value.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>A helper function to retrieve the value of style settings as set by a <p>A helper function to retrieve the value of style settings as set by a
xaringanthemer style function, for use in plotting and other circumstances.</p> xaringanthemer style function, for use in plotting and other circumstances.</p>
</div> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<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>setting</th>
<td><p>A xaringanthemer style setting</p></td>
</tr>
<tr>
<th>css_file</th>
<td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>setting</dt>
<dd><p>A xaringanthemer style setting</p></dd>
<dt>css_file</dt>
<dd><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
theme variables and values will be inferred. In general, if you use the theme variables and values will be inferred. In general, if you use the
<span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
if you have only saved your theme CSS file and you aren't creating your if you have only saved your theme CSS file and you aren't creating your
CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
</tr>
</table>

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

CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>The value of the xaringanthemer style parameter.</p> <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>

</div>
<div class="section level2">
<h2 id="style-settings">Style Settings<a class="anchor" aria-label="anchor" href="#style-settings"></a></h2>


<p>Style settings used by xaringanthemer include:</p><ul>
<li><p><code>background_color</code></p></li>
<p>Style settings used by xaringanthemer include:</p><ul><li><p><code>background_color</code></p></li>
<li><p><code>background_image</code></p></li> <li><p><code>background_image</code></p></li>
<li><p><code>background_position</code></p></li> <li><p><code>background_position</code></p></li>
<li><p><code>background_size</code></p></li> <li><p><code>background_size</code></p></li>
<li><p><code>title_slide_background_position</code></p></li> <li><p><code>title_slide_background_position</code></p></li>
<li><p><code>title_slide_background_size</code></p></li> <li><p><code>title_slide_background_size</code></p></li>
<li><p><code>title_slide_text_color</code></p></li> <li><p><code>title_slide_text_color</code></p></li>
</ul>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#657b83"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#fdf6e3"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#dc322f"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#d33682"</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</ul></div>

<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Create a xaringanthemer style in a temporary file for this example</span></span>
<span class="r-in"><span class="va">xaringan_themer_css</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">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>
<span class="r-in"></span>
<span class="r-in"><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>
<span class="r-in"></span>
<span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_color"</span><span class="op">)</span></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "#657b83"</span>
<span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"background_color"</span><span class="op">)</span></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "#fdf6e3"</span>
<span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"header_color"</span><span class="op">)</span></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "#dc322f"</span>
<span class="r-in"><span class="fu">theme_xaringan_get_value</span><span class="op">(</span><span class="st">"text_bold_color"</span><span class="op">)</span></span>
<span class="r-out co"><span class="r-pr">#&gt;</span> [1] "#d33682"</span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 174
- 293
reference/theme_xaringan_inverse.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse" />
<meta property="og:description" content="
A ggplot2 xaringanthemer plot theme to seamlessly match the &quot;inverse&quot;
<!-- 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, shrink-to-fit=no"><meta name="description" content='
A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse"
xaringan slide colors and styles as styled by xaringanthemer. See 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" />




<!-- 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]>
vignette("ggplot2-themes") for more information and examples.'><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse"><meta property="og:description" content='
A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse"
xaringan slide colors and styles as styled by xaringanthemer. See
vignette("ggplot2-themes") 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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/themes.html">Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>An Inverse Plot Theme for ggplot2 by xaringanthemer</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>theme_xaringan_inverse.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>An Inverse Plot Theme for ggplot2 by xaringanthemer</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>theme_xaringan_inverse.Rd</code></div>
</div> </div>


<div class="ref-description">
<p><a href='https://lifecycle.r-lib.org/articles/stages.html#maturing'><img src='figures/lifecycle-maturing.svg' alt='[Maturing]' /></a></p>
<div class="ref-description section level2">
<p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><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" <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>. See
<code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</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> </div>


<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>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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></code></pre></div>
</div>


<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>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
<tr>
<th>css_file</th>
<td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>text_color</dt>
<dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd>
<dt>background_color</dt>
<dd><p>Color for background, inherits from
<code>background_color</code></p></dd>
<dt>accent_color</dt>
<dd><p>Color for titles and accents, inherits from
<code>header_color</code></p></dd>
<dt>accent_secondary_color</dt>
<dd><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></dd>
<dt>css_file</dt>
<dd><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
theme variables and values will be inferred. In general, if you use the theme variables and values will be inferred. In general, if you use the
<span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
if you have only saved your theme CSS file and you aren't creating your if you have only saved your theme CSS file and you aren't creating your
CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
</tr>
<tr>
<th>set_ggplot_defaults</th>
<td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd>
<dt>set_ggplot_defaults</dt>
<dd><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
Defaults to TRUE. To restore ggplot's defaults, or the previously set geom Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
</tr>
<tr>
<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
defaults, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd>
<dt>text_font</dt>
<dd><p>Font to use for text elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>text_font_size</th>
<td><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></td>
</tr>
<tr>
<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><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>text_font_use_google</dt>
<dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>text_font_size</dt>
<dd><p>Base text font size, inherits from <code>text_font_size</code>, or
defaults to 11.</p></dd>
<dt>title_font</dt>
<dd><p>Font to use for title elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. If manually specified, can be a <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>
<td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
</tr>
<tr>
<th>title_font_size</th>
<td><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></td>
</tr>
<tr>
<th>use_showtext</th>
<td><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be
<code><a href="google_font.html">google_font()</a></code>.</p></dd>
<dt>title_font_use_google</dt>
<dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>
<dt>title_font_size</dt>
<dd><p>Base text font size, inherits from <code>title_font_size</code>,
or defaults to 14.</p></dd>
<dt>use_showtext</dt>
<dd><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 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 entirely, which may result in errors during plotting if the fonts used are
not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span> not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>
package is installed.</p></td>
</tr>
</table>

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

package is installed.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>A ggplot2 theme</p> <p>A ggplot2 theme</p>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes:
<code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
<div class="dont-index"><p>Other xaringanthemer ggplot2 themes:
<code><a href="theme_xaringan_base.html">theme_xaringan_base</a>()</code>,
<code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults</a>()</code>,
<code><a href="theme_xaringan.html">theme_xaringan</a>()</code></p></div>
</div>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><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>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='co'># Because this is an example, we'll save the CSS to a temp file</span></span>
<span class='r-in'> <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>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span>
<span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span>
<span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <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>
<span class='r-in'> <span class='co'># themed to match the inverse slides: teal background with dark blue text</span></span>
<span class='r-in'> <span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co"># Requires ggplot2</span></span>
<span class="r-in"><span class="va">has_ggplot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">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>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span>
<span class="r-in"> <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" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class="r-in"> <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span>
<span class="r-in"> primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span>
<span class="r-in"> secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span>
<span class="r-in"> <span class="co"># Using basic fonts for this example, but the plot theme will</span></span>
<span class="r-in"> <span class="co"># automatically use your theme font if you use Google fonts</span></span>
<span class="r-in"> text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span>
<span class="r-in"> header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span>
<span class="r-in"> outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">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>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span>
<span class="r-in"> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">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>
<span class="r-in"> <span class="co"># themed to match the inverse slides: teal background with dark blue text</span></span>
<span class="r-in"> <span class="fu">theme_xaringan_inverse</span><span class="op">(</span><span class="op">)</span></span>
<span class="r-in"><span class="op">}</span></span>
<span class="r-plt img"><img src="theme_xaringan_inverse-1.png" alt="" width="700" height="433"></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 122
- 226
reference/theme_xaringan_set_defaults.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults" />
<meta property="og:description" content="
<!-- 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, shrink-to-fit=no"><meta name="description" content="
Set ggplot2 geom defaults to match theme_xaringan() with Set ggplot2 geom defaults to match theme_xaringan() with
theme_xaringan_set_defaults() and restore the standard or previously-set theme_xaringan_set_defaults() and restore the standard or previously-set
defaults with theme_xaringan_restore_defaults(). By default, defaults with theme_xaringan_restore_defaults(). By default,
theme_xaringan_set_defaults() is run with theme_xaringan() or 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" />




<!-- 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]>
theme_xaringan_inverse()."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults"><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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<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>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Set and Restore ggplot2 geom Defaults</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>theme_xaringan_set_defaults.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Set and Restore ggplot2 geom Defaults</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>
<div class="d-none name"><code>theme_xaringan_set_defaults.Rd</code></div>
</div> </div>


<div class="ref-description">
<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
<div class="ref-description section level2">
<p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><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 <code>theme_xaringan_set_defaults()</code> and restore the standard or previously-set
defaults with <code>theme_xaringan_restore_defaults()</code>. By default, defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
<code>theme_xaringan_set_defaults()</code> is run with <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p>
<code>theme_xaringan_set_defaults()</code> is run with <code><a href="theme_xaringan.html">theme_xaringan()</a></code> or
<code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code>.</p>
</div> </div>


<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><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">
<colgroup><col class="name" /><col class="desc" /></colgroup>
<tr>
<th>text_color</th>
<td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
</tr>
<tr>
<th>background_color</th>
<td><p>Color for background, inherits from
<code>background_color</code></p></td>
</tr>
<tr>
<th>accent_color</th>
<td><p>Color for titles and accents, inherits from
<code>header_color</code></p></td>
</tr>
<tr>
<th>accent_secondary_color</th>
<td><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></td>
</tr>
<tr>
<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>. Must be a length-one character.</p></td>
</tr>
</table>

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

<p>Invisibly returns a list of the current ggplot2 geom defaults</p>
<p>Invisibly returns a list of the current ggplot2 geom defaults</p>
<h2 class="hasAnchor" id="functions"><a class="anchor" href="#functions"></a>Functions</h2>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><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><span class="op">(</span><span class="op">)</span></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>text_color</dt>
<dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd>
<dt>background_color</dt>
<dd><p>Color for background, inherits from
<code>background_color</code></p></dd>
<dt>accent_color</dt>
<dd><p>Color for titles and accents, inherits from
<code>header_color</code></p></dd>
<dt>accent_secondary_color</dt>
<dd><p>Color for secondary accents, inherits from
<code>text_bold_color</code></p></dd>
<dt>text_font</dt>
<dd><p>Font to use for text elements, passed to
<code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">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>. Must be a length-one character.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>Invisibly returns a list of the current ggplot2 geom defaults
Invisibly returns a list of the current ggplot2 geom defaults</p>
</div>
<div class="section level2">
<h2 id="functions">Functions<a class="anchor" aria-label="anchor" href="#functions"></a></h2>
<ul>
<li><p><code>theme_xaringan_restore_defaults</code>: Restore previous or standard
<ul><li><p><code>theme_xaringan_restore_defaults</code>: Restore previous or standard
<span class="pkg">ggplot2</span> <em>geom</em> defaults.</p></li> <span class="pkg">ggplot2</span> <em>geom</em> defaults.</p></li>
</ul>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

<div class='dont-index'><p>Other xaringanthemer ggplot2 themes:
<code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>
</ul></div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
<div class="dont-index"><p>Other xaringanthemer ggplot2 themes:
<code><a href="theme_xaringan_base.html">theme_xaringan_base</a>()</code>,
<code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse</a>()</code>,
<code><a href="theme_xaringan.html">theme_xaringan</a>()</code></p></div>
</div>


</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 111
- 201
reference/xaringanthemer-deprecated.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="Deprecated or renamed functions — xaringanthemer-deprecated" />
<meta property="og:description" content="These functions in xaringanthemer have been deprecated or renamed.
<!-- 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, shrink-to-fit=no"><meta name="description" content="These functions in xaringanthemer have been deprecated or renamed.
Use style_xaringan() instead of write_xaringan_theme(). Use style_xaringan() instead of write_xaringan_theme().
Use style_extra_css() instead of write_extra_css(). Use style_extra_css() instead of write_extra_css().
Use style_mono_light() instead of mono_light(). Use style_mono_light() instead of mono_light().
Use style_duo_accent() instead of duo_accent(). Use style_duo_accent() instead of duo_accent().
Use style_duo_accent_inverse() instead of duo_accent_inverse(). Use style_duo_accent_inverse() instead of duo_accent_inverse().
Use style_solarized_light() instead of solarized_light(). 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" />




<!-- 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]>
Use style_solarized_dark() instead of solarized_dark()."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Deprecated or renamed functions — xaringanthemer-deprecated"><meta property="og:description" content="These functions in xaringanthemer have been deprecated or renamed.
Use style_xaringan() instead of write_xaringan_theme().
Use style_extra_css() instead of write_extra_css().
Use style_mono_light() instead of mono_light().
Use style_mono_dark() instead of mono_dark().
Use style_mono_accent() instead of mono_accent().
Use style_mono_accent_inverse() instead of mono_accent_inverse().
Use style_duo() instead of duo().
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"><!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<![endif]--></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


</head>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<body data-spy="scroll" data-target="#toc">
<div class="container template-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<h1>Deprecated or renamed functions</h1>
<small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-deprecated.R'><code>R/xaringanthemer-deprecated.R</code></a></small>
<div class="hidden name"><code>xaringanthemer-deprecated.Rd</code></div>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>Deprecated or renamed functions</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/xaringanthemer-deprecated.R" class="external-link"><code>R/xaringanthemer-deprecated.R</code></a></small>
<div class="d-none name"><code>xaringanthemer-deprecated.Rd</code></div>
</div> </div>


<div class="ref-description">
<div class="ref-description section level2">
<p>These functions in xaringanthemer have been deprecated or renamed.</p> <p>These functions in xaringanthemer have been deprecated or renamed.</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>
<p>Use <code><a href='style_mono_accent.html'>style_mono_accent()</a></code> instead of <code>mono_accent()</code>.</p>
<p>Use <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse()</a></code> instead of <code>mono_accent_inverse()</code>.</p>
<p>Use <code><a href='style_duo.html'>style_duo()</a></code> instead of <code>duo()</code>.</p>
<p>Use <code><a href='style_duo_accent.html'>style_duo_accent()</a></code> instead of <code>duo_accent()</code>.</p>
<p>Use <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse()</a></code> instead of <code>duo_accent_inverse()</code>.</p>
<p>Use <code><a href='style_solarized_light.html'>style_solarized_light()</a></code> instead of <code>solarized_light()</code>.</p>
<p>Use <code><a href='style_solarized_dark.html'>style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</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="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>
<p>Use <code><a href="style_mono_accent.html">style_mono_accent()</a></code> instead of <code>mono_accent()</code>.</p>
<p>Use <code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> instead of <code>mono_accent_inverse()</code>.</p>
<p>Use <code><a href="style_duo.html">style_duo()</a></code> instead of <code>duo()</code>.</p>
<p>Use <code><a href="style_duo_accent.html">style_duo_accent()</a></code> instead of <code>duo_accent()</code>.</p>
<p>Use <code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> instead of <code>duo_accent_inverse()</code>.</p>
<p>Use <code><a href="style_solarized_light.html">style_solarized_light()</a></code> instead of <code>solarized_light()</code>.</p>
<p>Use <code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</p>
</div> </div>


<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'>mono_light</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">write_xaringan_theme</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>mono_dark</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'>mono_accent</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">mono_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>mono_accent_inverse</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">mono_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>duo</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">mono_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>duo_accent</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">mono_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>duo_accent_inverse</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">duo</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>solarized_light</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>
<span class="fu">duo_accent</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<span class='fu'>solarized_dark</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
<span class="fu">duo_accent_inverse</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<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>
<span class="fu">solarized_light</span><span class="op">(</span><span class="va">...</span><span class="op">)</span>


<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
<span class="fu">solarized_dark</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></code></pre></div>
</div>


<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>...</dt>
<dd><p>Argumets passed to the new or renamed functions.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>The result of the new or renamed function.</p> <p>The result of the new or renamed function.</p>
</div>


</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 82
- 184
reference/xaringanthemer-package.html Wyświetl plik

<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head>
<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>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>
<!-- 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="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" />


<!-- 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, shrink-to-fit=no"><meta name="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."><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"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_IBM%20Plex%20Mono-0.4.0/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><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-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"><!-- 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>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>


<nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">
<a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>


<!-- 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>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.1</small>


<!--[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-reference-topic">
<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-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="../articles/xaringanthemer.html">Features</a>
<div id="navbar" class="collapse navbar-collapse ms-2">
<ul class="navbar-nav me-auto"><li class="nav-item">
<a class="nav-link" href="../articles/xaringanthemer.html">Features</a>
</li> </li>
<li>
<a href="../reference/index.html">Reference</a>
<li class="active nav-item">
<a class="nav-link" href="../reference/index.html">Reference</a>
</li> </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 class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>
<div class="dropdown-menu" aria-labelledby="dropdown-themes">
<h6 class="dropdown-header" data-toc-skip>Themes</h6>
<a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>
<a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header" data-toc-skip>More Customization</h6>
<a class="dropdown-item" href="../articles/fonts.html">Fonts</a>
<a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>
</div>
</li> </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>
</ul><form class="form-inline my-2 my-lg-0" role="search">
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

<ul class="navbar-nav"><li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">
<span class="far fa far fa-newspaper fa-lg"></span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
<a href="../news/index.html">Changelog</a>
</li>
</ul>
<div class="dropdown-menu" aria-labelledby="dropdown--">
<a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="../news/index.html">Changelog</a>
</div>
</li> </li>
<li>
<a href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa-github fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">
<span class="fab fa fab fa-github fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://twitter.com/grrrck">
<span class="fab fa-twitter fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://twitter.com/grrrck">
<span class="fab fa fab fa-twitter fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a href="https://www.garrickadenbuie.com">
<span class="fas fa-home fa-lg"></span>
<li class="nav-item">
<a class="external-link nav-link" href="https://www.garrickadenbuie.com">
<span class="fas fa fas fa-home fa-lg"></span>
</a> </a>
</li> </li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->


</header>
</ul></div>


</div>
</nav><div class="container template-reference-topic">
<div class="row"> <div class="row">
<div class="col-md-9 contents">
<div class="page-header">
<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>
<main id="main" class="col-md-9"><div class="page-header">
<img src="../logo.png" class="logo" alt=""><h1>xaringanthemer: Custom 'xaringan' CSS Themes</h1>
<small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/xaringanthemer-package.R" class="external-link"><code>R/xaringanthemer-package.R</code></a></small>
<div class="d-none name"><code>xaringanthemer-package.Rd</code></div>
</div> </div>


<div class="ref-description">
<p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p>
<div class="ref-description section level2">
<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 your slides' 'R Markdown' source file or in a separate external script.</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 your slides' 'R Markdown' source file or in a separate external script.</p>
</div> </div>




<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></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://github.com/gadenbuie/xaringanthemer" class="external-link">https://github.com/gadenbuie/xaringanthemer</a></p></li>
<li><p>Report bugs at <a href="https://github.com/gadenbuie/xaringanthemer/issues" class="external-link">https://github.com/gadenbuie/xaringanthemer/issues</a></p></li>
</ul></div>
</div>
<div class="section level2">
<h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></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" class="external-link">ORCID</a>)</p>
</div>


<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://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">
<nav id="toc" data-toggle="toc" class="sticky-top">
<h2 data-toc-skip>Contents</h2>
</nav>
</div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>




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


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


</footer>
</div>
</footer></div>






</body>
</html>

</body></html>



+ 1
- 0
search.json
Plik diff jest za duży
Wyświetl plik


+ 51
- 30
sitemap.xml Wyświetl plik

<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//index.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/404.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/apply_alpha.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/LICENSE-text.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/choose_dark_or_light.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/LICENSE.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/google_font.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/fonts.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/google_language_codes.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/ggplot2-themes.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/lighten_darken_color.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/index.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/scale_xaringan.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/template-variables.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/themes.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo_accent.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/articles/xaringanthemer.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo_accent_inverse.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/authors.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_extra_css.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/index.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_accent.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/news/index.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_accent_inverse.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/apply_alpha.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_dark.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/choose_dark_or_light.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_light.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/google_font.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_solarized_dark.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/google_language_codes.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_solarized_light.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/index.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_xaringan.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/lighten_darken_color.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/scale_xaringan.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_base.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_duo.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_get_value.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_duo_accent.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_inverse.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_duo_accent_inverse.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_set_defaults.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_extra_css.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/xaringanthemer-deprecated.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_mono_accent.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/xaringanthemer-package.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_mono_accent_inverse.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/fonts.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_mono_dark.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/ggplot2-themes.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_mono_light.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/template-variables.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_solarized_dark.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/themes.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_solarized_light.html</loc>
</url> </url>
<url> <url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/xaringanthemer.html</loc>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/style_xaringan.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/theme_xaringan.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/theme_xaringan_base.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/theme_xaringan_get_value.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/theme_xaringan_inverse.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/theme_xaringan_set_defaults.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/xaringanthemer-deprecated.html</loc>
</url>
<url>
<loc>https://pkg.garrickadenbuie.com/xaringanthemer/reference/xaringanthemer-package.html</loc>
</url> </url>
</urlset> </urlset>

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz