Explorar el Código

Deploy from Github Actions build 288817243 [ci skip]

Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/288817243
Commit: 99af06835c
gh-pages
Garrick Aden-Buie hace 5 años
padre
commit
22d6afe92c
Se han modificado 29 ficheros con 1233 adiciones y 1281 borrados
  1. +23
    -27
      articles/fonts.html
  2. +61
    -75
      articles/ggplot2-themes.html
  3. +16
    -26
      articles/themes.html
  4. +59
    -76
      articles/xaringanthemer.html
  5. +13
    -16
      index.html
  6. +1
    -1
      pkgdown.yml
  7. +6
    -6
      reference/apply_alpha.html
  8. +9
    -9
      reference/choose_dark_or_light.html
  9. +3
    -3
      reference/google_font.html
  10. +4
    -4
      reference/google_language_codes.html
  11. +8
    -8
      reference/lighten_darken_color.html
  12. +84
    -84
      reference/scale_xaringan.html
  13. +78
    -78
      reference/style_duo.html
  14. +83
    -83
      reference/style_duo_accent.html
  15. +84
    -84
      reference/style_duo_accent_inverse.html
  16. +18
    -18
      reference/style_extra_css.html
  17. +77
    -77
      reference/style_mono_accent.html
  18. +77
    -77
      reference/style_mono_accent_inverse.html
  19. +77
    -77
      reference/style_mono_dark.html
  20. +77
    -77
      reference/style_mono_light.html
  21. +73
    -73
      reference/style_solarized_dark.html
  22. +73
    -73
      reference/style_solarized_light.html
  23. +78
    -78
      reference/style_xaringan.html
  24. +33
    -33
      reference/theme_xaringan.html
  25. +58
    -58
      reference/theme_xaringan_base.html
  26. +7
    -7
      reference/theme_xaringan_get_value.html
  27. +33
    -33
      reference/theme_xaringan_inverse.html
  28. +9
    -9
      reference/theme_xaringan_set_defaults.html
  29. +11
    -11
      reference/xaringanthemer-deprecated.html

+ 23
- 27
articles/fonts.html Ver fichero

<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.name/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.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb1"><pre class="downlit"> <div class="sourceCode" id="cb1"><pre class="downlit">
<span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span>(
text_font_family = <span class="st">"Droid Serif"</span>,
text_font_url = <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
)
</pre></div>
<span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,
text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Yanone Kaffeesatz"</span><span class="op">)</span>
<span class="op">)</span></pre></div>
</div> </div>
<div id="custom-and-google-font-fonts" class="section level3"> <div id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<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><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> <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb2"><pre class="downlit"> <div class="sourceCode" id="cb2"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
header_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
text_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),
code_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
)
</pre></div>
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,
text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,
code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span>
<span class="op">)</span></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">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
<div class="sourceCode" id="cb3"><pre class="downlit"> <div class="sourceCode" id="cb3"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
code_font_family = <span class="st">"Fira Code"</span>,
code_font_url = <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
)
</pre></div>
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span>
code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
<span class="op">)</span></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"> <div id="using-additional-fonts" class="section level3">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3> <a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p> <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"> <div class="sourceCode" id="cb4"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
extra_fonts = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,
<span class="co"># Young Serif by uplaod.fr</span> <span class="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>,
),
extra_css = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="st">".title-slide h2"</span> = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> = <span class="st">"Sofia"</span>),
blockquote = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> = <span class="st">"youngserifregular"</span>)
)
)
</pre></div>
<span class="op">)</span>,
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".title-slide h2"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,
blockquote <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span></pre></div>
</div> </div>
</div> </div>



+ 61
- 75
articles/ggplot2-themes.html Ver fichero

<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"> <div class="sourceCode" id="cb2"><pre class="downlit">
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span>)
<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>


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


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


<span class="kw">g_diamonds</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>()
</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></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"> <div class="sourceCode" id="cb9"><pre class="downlit">
<span class="fu"><a href="../reference/theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults</a></span>()
</pre></div>
<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></pre></div>
<div id="scale-xaringan" class="section level3"> <div id="scale-xaringan" class="section level3">
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<a href="#scale-xaringan" class="anchor"></a>Custom Color and Fill Scales</h3> <a href="#scale-xaringan" class="anchor"></a>Custom Color and Fill Scales</h3>
<p>xaringanthemer includes monotone color and fill scales to match your ggplot2 theme. The scale functions all follow the naming pattern <code>scale_xaringan_&lt;aes&gt;_&lt;data_type&gt;()</code>, where <code>&lt;aes&gt;</code> is replaced with either <code>color</code> or <code>fill</code> and <code>&lt;data_type&gt;</code> is one of <code>discrete</code> or <code>continuous</code>.</p> <p>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="http://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="http://colorspace.R-Forge.R-project.org//reference/hcl_palettes.html">colorspace::sequential_hcl()</a></code> to create a sequential, monotone color scale based on the primary accent color in your slides. Color scales matching the inverse slides are possible by setting the argument <code>inverse = TRUE</code>.</p>
<div class="sourceCode" id="cb10"><pre class="downlit"> <div class="sourceCode" id="cb10"><pre class="downlit">
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="kw">diamonds</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(x = <span class="kw">cut</span>)) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(fill = <span class="kw">..count..</span>), show.legend = <span class="fl">FALSE</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(x = <span class="kw">NULL</span>, y = <span class="st">"Count"</span>, title = <span class="st">"Diamond Cut Quality"</span>) <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>() <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_continuous</a></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="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>fill <span class="op">=</span> <span class="va">..count..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="cn">NULL</span>, y <span class="op">=</span> <span class="st">"Count"</span>, title <span class="op">=</span> <span class="st">"Diamond Cut Quality"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_continuous</a></span><span class="op">(</span><span class="op">)</span>


<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="kw">mpg</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(x = <span class="kw">hwy</span>, y = <span class="kw">cty</span>)) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_count.html">geom_count</a></span>(<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(color = <span class="kw">..n..</span>), show.legend = <span class="fl">FALSE</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(x = <span class="st">"Highway MPG"</span>, y = <span class="st">"City MPG"</span>, title = <span class="st">"Fuel Efficiency"</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="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_color_continuous</a></span>(breaks = <span class="fu"><a href="https://rdrr.io/r/base/seq.html">seq</a></span>(<span class="fl">3</span>, <span class="fl">12</span>, <span class="fl">2</span>), inverse = <span class="fl">TRUE</span>, begin = <span class="fl">1</span>, end = <span class="fl">0</span>)
</pre></div>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">hwy</span>, y <span class="op">=</span> <span class="va">cty</span><span class="op">)</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_count.html">geom_count</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>color <span class="op">=</span> <span class="va">..n..</span><span class="op">)</span>, show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Highway MPG"</span>, y <span class="op">=</span> <span class="st">"City MPG"</span>, title <span class="op">=</span> <span class="st">"Fuel Efficiency"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_color_continuous</a></span><span class="op">(</span>breaks <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/seq.html">seq</a></span><span class="op">(</span><span class="fl">3</span>, <span class="fl">12</span>, <span class="fl">2</span><span class="op">)</span>, inverse <span class="op">=</span> <span class="cn">TRUE</span>, begin <span class="op">=</span> <span class="fl">1</span>, end <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></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>
<code>header_font_google = google_font("Oleo Script")</code>.</li> <code>header_font_google = google_font("Oleo Script")</code>.</li>
</ul> </ul>
<div class="sourceCode" id="cb11"><pre class="downlit"> <div class="sourceCode" id="cb11"><pre class="downlit">
<span class="kw">g_diamonds_with_text</span> <span class="op">&lt;-</span>
<span class="kw">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="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(y = <span class="kw">..count..</span>, label = <span class="fu"><a href="https://rdrr.io/r/base/format.html">format</a></span>(<span class="kw">..count..</span>, big.mark = <span class="st">","</span>)),
vjust = <span class="op">-</span><span class="fl">0.30</span>, size = <span class="fl">8</span>, stat = <span class="st">"count"</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(x = <span class="st">"Cut"</span>, y = <span class="st">"Count"</span>)
<span class="va">g_diamonds_with_text</span> <span class="op">&lt;-</span>
<span class="va">g_diamonds</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_text.html">geom_text</a></span><span class="op">(</span><span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>y <span class="op">=</span> <span class="va">..count..</span>, label <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/format.html">format</a></span><span class="op">(</span><span class="va">..count..</span>, big.mark <span class="op">=</span> <span class="st">","</span><span class="op">)</span><span class="op">)</span>,
vjust <span class="op">=</span> <span class="op">-</span><span class="fl">0.30</span>, size <span class="op">=</span> <span class="fl">8</span>, stat <span class="op">=</span> <span class="st">"count"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>x <span class="op">=</span> <span class="st">"Cut"</span>, y <span class="op">=</span> <span class="st">"Count"</span><span class="op">)</span>


<span class="kw">g_diamonds_with_text</span> <span class="op">+</span> <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>()
</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></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>
<a href="#manually-specify-plot-fonts" class="anchor"></a>Manually specify plot fonts</h3> <a href="#manually-specify-plot-fonts" class="anchor"></a>Manually specify plot fonts</h3>
<p>You can also specify specific fonts for your plot theme. Both <code>text_font</code> and <code>title_font</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> accept <code><a href="../reference/google_font.html">google_font()</a></code>s directly.</p> <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"> <div class="sourceCode" id="cb12"><pre class="downlit">
<span class="kw">g_diamonds_with_text</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>(
text_font = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Ranga"</span>),
title_font = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Holtwood One SC"</span>)
)
</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>
text_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Ranga"</span><span class="op">)</span>,
title_font <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Holtwood One SC"</span><span class="op">)</span>
<span class="op">)</span></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"> <div id="using-fonts-not-in-google-fonts" class="section level3">
<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">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p>
<p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> <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"> <div class="sourceCode" id="cb14"><pre class="downlit">
<span class="kw">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="va">font_url</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/file.path.html">file.path</a></span><span class="op">(</span>
<span class="st">"https://fontlibrary.org/assets/fonts/glacial-indifference"</span>, <span class="st">"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="kw">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="fu"><a href="https://rdrr.io/r/utils/download.file.html">download.file</a></span>(<span class="kw">font_url</span>, <span class="kw">font_temp</span>)
</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">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></pre></div>
<div class="sourceCode" id="cb15"><pre class="downlit"> <div class="sourceCode" id="cb15"><pre class="downlit">
<span class="co"># Path to the local custom font file</span> <span class="co"># Path to the local custom font file</span>
<span class="kw">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="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package = <span class="st">"xaringanthemer"</span>
)
<span class="va">font_temp</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html">system.file</a></span><span class="op">(</span>
<span class="st">"fonts/GlacialIndifferenceRegular.ttf"</span>, package <span class="op">=</span> <span class="st">"xaringanthemer"</span>
<span class="op">)</span>


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


<span class="co"># Now it's available for use!</span> <span class="co"># Now it's available for use!</span>
<span class="kw">g_diamonds_with_text</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>(
text_font = <span class="st">"GlacialIndifferenceRegular"</span>,
title_font = <span class="st">"GlacialIndifferenceRegular"</span>
)
</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>
text_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>,
title_font <span class="op">=</span> <span class="st">"GlacialIndifferenceRegular"</span>
<span class="op">)</span></pre></div>
<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>
<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>(width = <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="fl">9</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span>)
<span class="fu"><a href="https://rdrr.io/r/grDevices/quartz.html">quartz</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">16</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span>, height <span class="op">=</span> <span class="fl">9</span> <span class="op">*</span> <span class="fl">2</span><span class="op">/</span><span class="fl">3</span><span class="op">)</span>
<span class="co">## run plot code to preview in separate window</span> <span class="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="co"># call when done to close the device</span>
</pre></div>
<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></pre></div>
</div> </div>
</div> </div>
</div> </div>

+ 16
- 26
articles/themes.html Ver fichero

</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"> <div class="sourceCode" id="cb1"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(base_color = <span class="st">"#23395b"</span>)
</pre></div>
<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></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"> <div id="style_mono_dark" class="section level4">
</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"> <div class="sourceCode" id="cb2"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(base_color = <span class="st">"#cbf7ed"</span>)
</pre></div>
<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></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"> <div id="style_mono_accent" class="section level4">
</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"> <div class="sourceCode" id="cb3"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(base_color = <span class="st">"#43418A"</span>)
</pre></div>
<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></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"> <div id="style_mono_accent_inverse" class="section level4">
</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"> <div class="sourceCode" id="cb4"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(base_color = <span class="st">"#3C989E"</span>)
</pre></div>
<span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></pre></div>
<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>
</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"> <div class="sourceCode" id="cb5"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(primary_color = <span class="st">"#1F4257"</span>, secondary_color = <span class="st">"#F97B64"</span>)
</pre></div>
<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></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"> <div id="style_duo_accent" class="section level4">
</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"> <div class="sourceCode" id="cb6"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(primary_color = <span class="st">"#035AA6"</span>, secondary_color = <span class="st">"#03A696"</span>)
</pre></div>
<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></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"> <div id="style_duo_accent_inverse" class="section level4">
</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"> <div class="sourceCode" id="cb7"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(primary_color = <span class="st">"#035AA6"</span>, secondary_color = <span class="st">"#03A696"</span>)
</pre></div>
<span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></pre></div>
<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>
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code> <a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4> </h4>
<div class="sourceCode" id="cb8"><pre class="downlit"> <div class="sourceCode" id="cb8"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()
</pre></div>
<span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></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"> <div id="style_solarized_dark" class="section level4">
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code> <a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4> </h4>
<div class="sourceCode" id="cb9"><pre class="downlit"> <div class="sourceCode" id="cb9"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()
</pre></div>
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
<p>To do this, your YAML header should look more-or-less like this:</p> <p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb10-1"><a href="#cb10-1"></a><span class="fu">output</span><span class="kw">:</span></span> <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb10-1"><a href="#cb10-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<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"> <div class="sourceCode" id="cb11"><pre class="downlit">
<span class="kw">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
red = <span class="st">"#f34213"</span>,
purple = <span class="st">"#3e2f5b"</span>,
orange = <span class="st">"#ff8811"</span>,
green = <span class="st">"#136f63"</span>,
white = <span class="st">"#FFFFFF"</span>,
)
</pre></div>
<span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>,
<span class="op">)</span></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>So slide text like this</p> <p>So slide text like this</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>

+ 59
- 76
articles/xaringanthemer.html Ver fichero

<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"> <div class="sourceCode" id="cb3"><pre class="downlit">
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span>)
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="kw">diamonds</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="kw">cut</span>, fill = <span class="kw">cut</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(show.legend = <span class="fl">FALSE</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
x = <span class="st">"Cut"</span>,
y = <span class="st">"Count"</span>,
title = <span class="st">"A Fancy diamonds Plot"</span>
) <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>(background_color = <span class="st">"#FFFFFF"</span>) <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()
</pre></div>
<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span>
<span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></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"> <div id="tab-completion" class="section level3">
</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"> <div class="sourceCode" id="cb4"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(base_color = <span class="st">"#23395b"</span>)
</pre></div>
<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></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"> <div id="style_mono_dark" class="section level4">
</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"> <div class="sourceCode" id="cb5"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(base_color = <span class="st">"#cbf7ed"</span>)
</pre></div>
<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></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"> <div id="style_mono_accent" class="section level4">
</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"> <div class="sourceCode" id="cb6"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(base_color = <span class="st">"#43418A"</span>)
</pre></div>
<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></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"> <div id="style_mono_accent_inverse" class="section level4">
</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"> <div class="sourceCode" id="cb7"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(base_color = <span class="st">"#3C989E"</span>)
</pre></div>
<span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span><span class="op">(</span>base_color <span class="op">=</span> <span class="st">"#3C989E"</span><span class="op">)</span></pre></div>
<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>
</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"> <div class="sourceCode" id="cb8"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(primary_color = <span class="st">"#1F4257"</span>, secondary_color = <span class="st">"#F97B64"</span>)
</pre></div>
<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></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"> <div id="style_duo_accent" class="section level4">
</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"> <div class="sourceCode" id="cb9"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(primary_color = <span class="st">"#035AA6"</span>, secondary_color = <span class="st">"#03A696"</span>)
</pre></div>
<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></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"> <div id="style_duo_accent_inverse" class="section level4">
</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"> <div class="sourceCode" id="cb10"><pre class="downlit">
<span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(primary_color = <span class="st">"#035AA6"</span>, secondary_color = <span class="st">"#03A696"</span>)
</pre></div>
<span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span><span class="op">(</span>primary_color <span class="op">=</span> <span class="st">"#035AA6"</span>, secondary_color <span class="op">=</span> <span class="st">"#03A696"</span><span class="op">)</span></pre></div>
<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>
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code> <a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4> </h4>
<div class="sourceCode" id="cb11"><pre class="downlit"> <div class="sourceCode" id="cb11"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()
</pre></div>
<span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span><span class="op">(</span><span class="op">)</span></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"> <div id="style_solarized_dark" class="section level4">
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code> <a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4> </h4>
<div class="sourceCode" id="cb12"><pre class="downlit"> <div class="sourceCode" id="cb12"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()
</pre></div>
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span><span class="op">)</span></pre></div>
<p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
<p>To do this, your YAML header should look more-or-less like this:</p> <p>To do this, your YAML header should look more-or-less like this:</p>
<div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1"></a><span class="fu">output</span><span class="kw">:</span></span> <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1"></a><span class="fu">output</span><span class="kw">:</span></span>
<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.name/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.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
<div class="sourceCode" id="cb14"><pre class="downlit"> <div class="sourceCode" id="cb14"><pre class="downlit">
<span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span>(
text_font_family = <span class="st">"Droid Serif"</span>,
text_font_url = <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
)
</pre></div>
<span class="fu"><a href="../reference/xaringanthemer_font_default.html">style_xaringan</a></span><span class="op">(</span>
text_font_family <span class="op">=</span> <span class="st">"Droid Serif"</span>,
text_font_url <span class="op">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Yanone Kaffeesatz"</span><span class="op">)</span>
<span class="op">)</span></pre></div>
</div> </div>
<div id="custom-and-google-font-fonts" class="section level3"> <div id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<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><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> <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb15"><pre class="downlit"> <div class="sourceCode" id="cb15"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
header_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
text_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),
code_font_google = <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
)
</pre></div>
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
header_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Josefin Slab"</span>, <span class="st">"600"</span><span class="op">)</span>,
text_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span><span class="op">)</span>,
code_font_google <span class="op">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"IBM Plex Mono"</span><span class="op">)</span>
<span class="op">)</span></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">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
<div class="sourceCode" id="cb16"><pre class="downlit"> <div class="sourceCode" id="cb16"><pre class="downlit">
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
code_font_family = <span class="st">"Fira Code"</span>,
code_font_url = <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
)
</pre></div>
<span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span><span class="op">(</span>
code_font_family <span class="op">=</span> <span class="st">"Fira Code"</span>,
code_font_url <span class="op">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
<span class="op">)</span></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"> <div id="using-additional-fonts" class="section level3">
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3> <a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p> <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"> <div class="sourceCode" id="cb17"><pre class="downlit">
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
extra_fonts = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
<span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span><span class="op">(</span>
extra_fonts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="fu"><a href="../reference/google_font.html">google_font</a></span><span class="op">(</span><span class="st">"Sofia"</span><span class="op">)</span>,
<span class="co"># Young Serif by uplaod.fr</span> <span class="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>,
),
extra_css = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
<span class="st">".title-slide h2"</span> = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> = <span class="st">"Sofia"</span>),
blockquote = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> = <span class="st">"youngserifregular"</span>)
)
)
</pre></div>
<span class="op">)</span>,
extra_css <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".title-slide h2"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"Sofia"</span><span class="op">)</span>,
blockquote <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-family"</span> <span class="op">=</span> <span class="st">"youngserifregular"</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span></pre></div>
</div> </div>
</div> </div>
<div id="colors" class="section level2"> <div id="colors" class="section level2">
<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"> <div class="sourceCode" id="cb18"><pre class="downlit">
<span class="kw">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
red = <span class="st">"#f34213"</span>,
purple = <span class="st">"#3e2f5b"</span>,
orange = <span class="st">"#ff8811"</span>,
green = <span class="st">"#136f63"</span>,
white = <span class="st">"#FFFFFF"</span>,
)
</pre></div>
<span class="va">colors</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span>
red <span class="op">=</span> <span class="st">"#f34213"</span>,
purple <span class="op">=</span> <span class="st">"#3e2f5b"</span>,
orange <span class="op">=</span> <span class="st">"#ff8811"</span>,
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>,
<span class="op">)</span></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>So slide text like this</p> <p>So slide text like this</p>
<div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2> <a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2>
<p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> <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"> <div class="sourceCode" id="cb20"><pre class="downlit">
<span class="kw">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="st">".small"</span> = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> = <span class="st">"90%"</span>),
<span class="st">".full-width"</span> = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
display = <span class="st">"flex"</span>,
width = <span class="st">"100%"</span>,
flex = <span class="st">"1 1 auto"</span>
)
)
</pre></div>
<span class="va">extra_css</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
<span class="st">".small"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="st">"font-size"</span> <span class="op">=</span> <span class="st">"90%"</span><span class="op">)</span>,
<span class="st">".full-width"</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
display <span class="op">=</span> <span class="st">"flex"</span>,
width <span class="op">=</span> <span class="st">"100%"</span>,
flex <span class="op">=</span> <span class="st">"1 1 auto"</span>
<span class="op">)</span>
<span class="op">)</span></pre></div>
<p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p>
<div class="sourceCode" id="cb21"><pre class="downlit"> <div class="sourceCode" id="cb21"><pre class="downlit">
<span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(css = <span class="kw">extra_css</span>, outfile = <span class="st">"custom.css"</span>)
</pre></div>
<span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span><span class="op">(</span>css <span class="op">=</span> <span class="va">extra_css</span>, outfile <span class="op">=</span> <span class="st">"custom.css"</span><span class="op">)</span></pre></div>
<div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1"></a><span class="co">/* Extra CSS */</span></span> <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1"></a><span class="co">/* Extra CSS */</span></span>
<span id="cb22-2"><a href="#cb22-2"></a><span class="fu">.small</span> {</span> <span id="cb22-2"><a href="#cb22-2"></a><span class="fu">.small</span> {</span>
<span id="cb22-3"><a href="#cb22-3"></a> <span class="kw">font-size</span>: <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span> <span id="cb22-3"><a href="#cb22-3"></a> <span class="kw">font-size</span>: <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span>

+ 13
- 16
index.html Ver fichero

<a href="#installation" class="anchor"></a>Installation</h2> <a href="#installation" class="anchor"></a>Installation</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"> <div class="sourceCode" id="cb1"><pre class="downlit">
<span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"xaringanthemer"</span>)
</pre></div>
<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></pre></div>
<p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p> <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p>
<div class="sourceCode" id="cb2"><pre class="downlit"> <div class="sourceCode" id="cb2"><pre class="downlit">
<span class="co"># install.packages("remotes")</span> <span class="co"># install.packages("remotes")</span>
<span class="kw">remotes</span>::<span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)
</pre></div>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></pre></div>
</div> </div>
<div id="quick-intro" class="section level2"> <div id="quick-intro" class="section level2">
<h2 class="hasAnchor"> <h2 class="hasAnchor">
<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"> <div class="sourceCode" id="cb5"><pre class="downlit">
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span>)
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="kw">diamonds</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="kw">cut</span>, fill = <span class="kw">cut</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(show.legend = <span class="fl">FALSE</span>) <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
x = <span class="st">"Cut"</span>,
y = <span class="st">"Count"</span>,
title = <span class="st">"A Fancy diamonds Plot"</span>
) <span class="op">+</span>
<span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span>(background_color = <span class="st">"#FFFFFF"</span>) <span class="op">+</span>
<span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()
</pre></div>
<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="http://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span><span class="op">(</span><span class="va">diamonds</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span><span class="va">cut</span>, fill <span class="op">=</span> <span class="va">cut</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span><span class="op">(</span>show.legend <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span><span class="op">(</span>
x <span class="op">=</span> <span class="st">"Cut"</span>,
y <span class="op">=</span> <span class="st">"Count"</span>,
title <span class="op">=</span> <span class="st">"A Fancy diamonds Plot"</span>
<span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span><span class="op">(</span>background_color <span class="op">=</span> <span class="st">"#FFFFFF"</span><span class="op">)</span> <span class="op">+</span>
<span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span><span class="op">(</span><span class="op">)</span></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"> <div id="tab-completion" class="section level3">

+ 1
- 1
pkgdown.yml Ver fichero

template-variables: template-variables.html template-variables: template-variables.html
themes: themes.html themes: themes.html
xaringanthemer: xaringanthemer.html xaringanthemer: xaringanthemer.html
last_built: 2020-09-14T06:17Z
last_built: 2020-10-05T06:18Z
urls: urls:
reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
article: https://pkg.garrickadenbuie.com/xaringanthemer//articles article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

+ 6
- 6
reference/apply_alpha.html Ver fichero

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='kw'>color_hex</span>, opacity = <span class='fl'>0.5</span>)</pre>
<pre class="usage"><span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>color_hex</span>, opacity <span class='op'>=</span> <span class='fl'>0.5</span><span class='op'>)</span></pre>


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">
<p>A character string with added opacity level as hexadecimal characters.</p> <p>A character string with added opacity level as hexadecimal characters.</p>


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


<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, quietly = <span class='fl'>TRUE</span>)) {
<span class='kw'>scales</span>::<span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='kw'>blue</span>, <span class='kw'>blue_transparent</span>))
}
<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'> </div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre> </div></pre>
</div> </div>

+ 9
- 9
reference/choose_dark_or_light.html Ver fichero

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='kw'>x</span>, black = <span class='st'>"#000000"</span>, white = <span class='st'>"#FFFFFF"</span>)</pre>
<pre class="usage"><span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>x</span>, black <span class='op'>=</span> <span class='st'>"#000000"</span>, white <span class='op'>=</span> <span class='st'>"#FFFFFF"</span><span class='op'>)</span></pre>


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">
<p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> <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> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='kw'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
<span class='kw'>contrast_green</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='kw'>light_green</span>)
<span class='kw'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span>
<span class='kw'>contrast_purple</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='kw'>dark_purple</span>)
<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, quietly = <span class='fl'>TRUE</span>)) {
<span class='kw'>scales</span>::<span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='kw'>light_green</span>, <span class='kw'>contrast_green</span>, <span class='kw'>dark_purple</span>, <span class='kw'>contrast_purple</span>))
}
<pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
<span class='va'>contrast_green</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span>
<span class='va'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span>
<span class='va'>contrast_purple</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span>
<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>light_green</span>, <span class='va'>contrast_green</span>, <span class='va'>dark_purple</span>, <span class='va'>contrast_purple</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'> </div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre> </div></pre>
</div> </div>

+ 3
- 3
reference/google_font.html Ver fichero

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='kw'>family</span>, <span class='kw'>...</span>, languages = <span class='kw'>NULL</span>)</pre>
<pre class="usage"><span class='fu'>google_font</span><span class='op'>(</span><span class='va'>family</span>, <span class='va'>...</span>, languages <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">
<p>A <code>"google_font"</code> object.</p> <p>A <code>"google_font"</code> object.</p>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)
<pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family </div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans" #&gt; [1] "Josefin Sans"
#&gt; #&gt;
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap" #&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"
#&gt; #&gt;
#&gt; attr(,"class") #&gt; attr(,"class")
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, languages = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family </div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans" #&gt; [1] "Josefin Sans"
#&gt; #&gt;

+ 4
- 4
reference/google_language_codes.html Ver fichero

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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">

+ 8
- 8
reference/lighten_darken_color.html Ver fichero

<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='kw'>color_hex</span>, strength = <span class='fl'>0.7</span>)
<pre class="usage"><span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>color_hex</span>, strength <span class='op'>=</span> <span class='fl'>0.7</span><span class='op'>)</span>


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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">
hexadecimal format.</p> hexadecimal format.</p>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='kw'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='kw'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span>(<span class='kw'>blue</span>, strength = <span class='fl'>0.33</span>)
<span class='kw'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span>(<span class='kw'>blue</span>, strength = <span class='fl'>0.33</span>)
<pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='va'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>
<span class='va'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>


<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, quietly = <span class='fl'>TRUE</span>)) {
<span class='kw'>scales</span>::<span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='kw'>blue_light</span>, <span class='kw'>blue</span>, <span class='kw'>blue_dark</span>))
}
<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'> </div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre> </div></pre>
</div> </div>

+ 84
- 84
reference/scale_xaringan.html Ver fichero

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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">


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


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


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


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


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


<span class='co'># Color scales demo</span> <span class='co'># Color scales demo</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='kw'>ex</span>) <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='kw'>name</span>, y = <span class='fl'>1</span>, color = <span class='kw'>name</span>) <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(size = <span class='fl'>10</span>) <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching color scales"</span>) <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, y <span class='op'>=</span> <span class='fl'>1</span>, color <span class='op'>=</span> <span class='va'>name</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span>size <span class='op'>=</span> <span class='fl'>10</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching color scales"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># themed to match the slides: dark blue background with teal text</span> <span class='co'># themed to match the slides: dark blue background with teal text</span>
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() <span class='op'>+</span>
<span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='co'># Fill color matches teal text</span> <span class='co'># Fill color matches teal text</span>
<span class='fu'>scale_xaringan_color_discrete</span>(direction = <span class='op'>-</span><span class='fl'>1</span>)
}
<span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>direction <span class='op'>=</span> <span class='op'>-</span><span class='fl'>1</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'> </div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre> </div></pre>
</div> </div>

+ 78
- 78
reference/style_duo.html Ver fichero

colors.</p> colors.</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 83
- 83
reference/style_duo_accent.html Ver fichero

accents on select elements (headers, bold text, etc.).</p> accents on select elements (headers, bold text, etc.).</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 84
- 84
reference/style_duo_accent_inverse.html Ver fichero

for color accents on select elements (headers, bold text, etc.).</p> for color accents on select elements (headers, bold text, etc.).</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 18
- 18
reference/style_extra_css.html Ver fichero

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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p> <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p>


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

+ 77
- 77
reference/style_mono_accent.html Ver fichero

accents on select elements (headers, bold text, etc.).</p> accents on select elements (headers, bold text, etc.).</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 77
- 77
reference/style_mono_accent_inverse.html Ver fichero

for color accents on select elements (headers, bold text, etc.).</p> for color accents on select elements (headers, bold text, etc.).</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 77
- 77
reference/style_mono_dark.html Ver fichero

<p>A dark monotone theme based around a single color.</p> <p>A dark monotone theme based around a single color.</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 77
- 77
reference/style_mono_light.html Ver fichero

<p>A light monotone theme based around a single color.</p> <p>A light monotone theme based around a single color.</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 73
- 73
reference/style_solarized_dark.html Ver fichero

"<code>highlighStyle: solarized-light</code>".</p> "<code>highlighStyle: solarized-light</code>".</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 73
- 73
reference/style_solarized_light.html Ver fichero

"<code>highlighStyle: solarized-light</code>".</p> "<code>highlighStyle: solarized-light</code>".</p>
</div> </div>


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


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




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


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


<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 78
- 78
reference/style_xaringan.html Ver fichero

<p>Creates a customized Xaringan theme CSS file.</p> <p>Creates a customized Xaringan theme CSS file.</p>
</div> </div>


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


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




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


<span class='fu'>style_xaringan</span>(
text_color = <span class='st'>"#002b3"</span>,
inverse_background_color = <span class='st'>"#31b09e"</span>,
inverse_text_color = <span class='st'>"#002b3"</span>,
outfile = <span class='kw'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='fu'>style_xaringan</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span> <span class='co'># styles to xaringan-themer.css</span>
)
<span class='op'>)</span>
</div><div class='output co'>#&gt; <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'> </div><div class='output co'>#&gt; <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'>
<span class='co'># View the CSS:</span> <span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span> <span class='co'># file.edit(xaringan_themer_css)</span>

+ 33
- 33
reference/theme_xaringan.html Ver fichero

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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">


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


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


<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span>(
primary_color = <span class='st'>"#002b36"</span>,
secondary_color = <span class='st'>"#31b09e"</span>,
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
<span class='co'># Using basic fonts for this example, but the plot theme will</span> <span class='co'># Using basic fonts for this example, but the plot theme will</span>
<span class='co'># automatically use your theme font if you use Google fonts</span> <span class='co'># automatically use your theme font if you use Google fonts</span>
text_font_family = <span class='st'>"sans"</span>,
header_font_family = <span class='st'>"serif"</span>,
outfile = <span class='kw'>path_to_css_file</span>
)
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://ggplot2.tidyverse.org'>ggplot2</a></span>)
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='kw'>mpg</span>) <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='kw'>cty</span>, <span class='kw'>hwy</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='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Fuel Efficiency of Various Cars"</span>) <span class='op'>+</span>
<span class='fu'>theme_xaringan</span>()
}
text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='http://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre> </div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre>
</div> </div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

+ 58
- 58
reference/theme_xaringan_base.html Ver fichero

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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">


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

+ 7
- 7
reference/theme_xaringan_get_value.html Ver fichero

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='kw'>setting</span>, css_file = <span class='kw'>NULL</span>)</pre>
<pre class="usage"><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='va'>setting</span>, css_file <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">


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


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


<span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_color"</span>)
</div><div class='output co'>#&gt; [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"background_color"</span>)
</div><div class='output co'>#&gt; [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"header_color"</span>)
</div><div class='output co'>#&gt; [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_bold_color"</span>)
<span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; [1] "#d33682"</div><div class='input'> </div><div class='output co'>#&gt; [1] "#d33682"</div><div class='input'>
</div></pre> </div></pre>
</div> </div>

+ 33
- 33
reference/theme_xaringan_inverse.html Ver fichero

<code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p> <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>(
text_color = <span class='kw'>NULL</span>,
background_color = <span class='kw'>NULL</span>,
accent_color = <span class='kw'>NULL</span>,
accent_secondary_color = <span class='kw'>NULL</span>,
css_file = <span class='kw'>NULL</span>,
set_ggplot_defaults = <span class='fl'>TRUE</span>,
text_font = <span class='kw'>NULL</span>,
text_font_use_google = <span class='kw'>NULL</span>,
text_font_size = <span class='kw'>NULL</span>,
title_font = <span class='kw'>NULL</span>,
title_font_use_google = <span class='kw'>NULL</span>,
title_font_size = <span class='kw'>NULL</span>,
use_showtext = <span class='fl'>TRUE</span>
)</pre>
<pre class="usage"><span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='cn'>NULL</span>,
background_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_color <span class='op'>=</span> <span class='cn'>NULL</span>,
accent_secondary_color <span class='op'>=</span> <span class='cn'>NULL</span>,
css_file <span class='op'>=</span> <span class='cn'>NULL</span>,
set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span>,
text_font <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
text_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_use_google <span class='op'>=</span> <span class='cn'>NULL</span>,
title_font_size <span class='op'>=</span> <span class='cn'>NULL</span>,
use_showtext <span class='op'>=</span> <span class='cn'>TRUE</span>
<span class='op'>)</span></pre>


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">


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


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


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

+ 9
- 9
reference/theme_xaringan_set_defaults.html Ver fichero

<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p> <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>(
text_color = <span class='kw'>NULL</span>,
background_color = <span class='kw'>NULL</span>,
accent_color = <span class='kw'>text_color</span>,
accent_secondary_color = <span class='kw'>accent_color</span>,
text_font = <span class='kw'>NULL</span>
)
<span class='fu'>theme_xaringan_restore_defaults</span>()</pre>
<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> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">

+ 11
- 11
reference/xaringanthemer-deprecated.html Ver fichero

<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_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='kw'>...</span>)
<pre class="usage"><span class='fu'>write_xaringan_theme</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span>


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


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


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


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


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


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


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


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


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


<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2> <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
<table class="ref-arguments"> <table class="ref-arguments">

Cargando…
Cancelar
Guardar