Просмотр исходного кода

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 5 лет назад
Родитель
Сommit
22d6afe92c
29 измененных файлов: 1233 добавлений и 1281 удалений
  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 Просмотреть файл

@@ -170,12 +170,11 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<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>
<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 id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor">
@@ -183,20 +182,18 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb2"><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>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">
<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>
</div>
<div id="using-additional-fonts" class="section level3">
@@ -204,18 +201,17 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
<div class="sourceCode" id="cb4"><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="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>


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

@@ -171,31 +171,27 @@ img { max-width: 100%; border: none; }
<p>If you use a hidden chunk like this one inside your slides’ R Markdown source file, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will know which colors and fonts you’ve picked.</p>
<p>Adding <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to a ggplot, like this demonstration plot using the <code>mpg</code> dataset from ggplot2, changes the colors and fonts of your plot theme.</p>
<div class="sourceCode" id="cb2"><pre class="downlit">
<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="kw">g_base</span>
</pre></div>
<span class="va">g_base</span></pre></div>
<div class="sourceCode" id="cb3"><pre class="downlit">
<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>With <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> the fonts and colors match the slide theme. The default colors of points (like other geometries) has been changed as well to match the slide colors.</p>
<p>To restore the previous default colors of ggplot2 geoms, call</p>
<div class="sourceCode" id="cb4"><pre class="downlit">
<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>
<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="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>
</div>
<div id="using-xaringan-themer-css" class="section level2">
@@ -205,58 +201,53 @@ img { max-width: 100%; border: none; }
<p>In these cases, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will look for a CSS file written by <strong>xaringanthemer</strong> in your slides’ directory or in a sub-folder under the same directory that it can use to determine the colors and fonts used in your slides.</p>
<p>If you happen to have multiple slide themes written by <strong>xaringanthemer</strong> in the same directory, the one named <code>xaringan-themer.css</code> will be used. If xaringanthemer picks the wrong file, you can use the <code>css_file</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> to specify exactly which CSS file to use.</p>
<div class="sourceCode" id="cb6"><pre class="downlit">
<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>Finally, you don’t even need a xaringanthemer CSS file. You can specify the key ingredients for the theme as arguments to <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, namely text, background, and accent colors as well as text and title fonts.</p>
<p>The R chunk below replicated the demonstrated theme, but doesn’t require a slide style to be set or stored in a CSS file.</p>
<div class="sourceCode" id="cb7"><pre class="downlit">
<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 id="colors" class="section level2">
<h2 class="hasAnchor">
<a href="#colors" class="anchor"></a>Colors</h2>
<p>As demonstrated above, <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> modify the default colors and fonts of geometries. This means that <code><a href="https://ggplot2.tidyverse.org/reference/geom_point.html">geom_point()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar()</a></code>, <code><a href="https://ggplot2.tidyverse.org/reference/geom_text.html">geom_text()</a></code> and other geoms used in your plots will reasonably match your slide themes with no extra work.</p>
<div class="sourceCode" id="cb8"><pre class="downlit">
<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>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">
<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">
<h3 class="hasAnchor">
<a href="#scale-xaringan" class="anchor"></a>Custom Color and Fill Scales</h3>
<p>xaringanthemer includes monotone color and fill scales to match your ggplot2 theme. The scale functions all follow the naming pattern <code>scale_xaringan_&lt;aes&gt;_&lt;data_type&gt;()</code>, where <code>&lt;aes&gt;</code> is replaced with either <code>color</code> or <code>fill</code> and <code>&lt;data_type&gt;</code> is one of <code>discrete</code> or <code>continuous</code>.</p>
<p>These scales use <code><a href="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">
<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>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>
@@ -283,14 +274,13 @@ img { max-width: 100%; border: none; }
<code>header_font_google = google_font("Oleo Script")</code>.</li>
</ul>
<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><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>
@@ -299,12 +289,11 @@ img { max-width: 100%; border: none; }
<a href="#manually-specify-plot-fonts" class="anchor"></a>Manually specify plot fonts</h3>
<p>You can also specify specific fonts for your plot theme. Both <code>text_font</code> and <code>title_font</code> in <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> and <code><a href="../reference/theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> accept <code><a href="../reference/google_font.html">google_font()</a></code>s directly.</p>
<div class="sourceCode" id="cb12"><pre class="downlit">
<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>
</div>
<div id="using-fonts-not-in-google-fonts" class="section level3">
@@ -320,31 +309,29 @@ img { max-width: 100%; border: none; }
<p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p>
<p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p>
<div class="sourceCode" id="cb14"><pre class="downlit">
<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">"5f2cf277506e19ec77729122f27b1faf/0820b3c58fed35de298219f314635982"</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">
<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="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="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>
</div>
</div>
@@ -383,10 +370,9 @@ img { max-width: 100%; border: none; }
<span class="co"># x11(width = 16 * 2/3, height = 9 * 2/3)</span>

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

+ 16
- 26
articles/themes.html Просмотреть файл

@@ -150,8 +150,7 @@
</h4>
<p>A light theme based around a single color.</p>
<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>
</div>
<div id="style_mono_dark" class="section level4">
@@ -160,8 +159,7 @@
</h4>
<p>A dark theme based around a single color.</p>
<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>
</div>
<div id="style_mono_accent" class="section level4">
@@ -170,8 +168,7 @@
</h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb3"><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>
</div>
<div id="style_mono_accent_inverse" class="section level4">
@@ -180,8 +177,7 @@
</h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb4"><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>
</div>
</div>
@@ -195,8 +191,7 @@
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<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>
</div>
<div id="style_duo_accent" class="section level4">
@@ -205,8 +200,7 @@
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<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>
</div>
<div id="style_duo_accent_inverse" class="section level4">
@@ -215,8 +209,7 @@
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<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>
</div>
</div>
@@ -229,8 +222,7 @@
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4>
<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>
</div>
<div id="style_solarized_dark" class="section level4">
@@ -238,8 +230,7 @@
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4>
<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>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>
@@ -257,14 +248,13 @@
<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>
<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>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>

+ 59
- 76
articles/xaringanthemer.html Просмотреть файл

@@ -166,18 +166,17 @@ img { max-width: 100%; }
<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>
<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>
</div>
<div id="tab-completion" class="section level3">
@@ -212,8 +211,7 @@ img { max-width: 100%; }
</h4>
<p>A light theme based around a single color.</p>
<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>
</div>
<div id="style_mono_dark" class="section level4">
@@ -222,8 +220,7 @@ img { max-width: 100%; }
</h4>
<p>A dark theme based around a single color.</p>
<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>
</div>
<div id="style_mono_accent" class="section level4">
@@ -232,8 +229,7 @@ img { max-width: 100%; }
</h4>
<p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb6"><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>
</div>
<div id="style_mono_accent_inverse" class="section level4">
@@ -242,8 +238,7 @@ img { max-width: 100%; }
</h4>
<p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
<div class="sourceCode" id="cb7"><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>
</div>
</div>
@@ -257,8 +252,7 @@ img { max-width: 100%; }
</h4>
<p>A two-colored theme based on a primary and secondary color.</p>
<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>
</div>
<div id="style_duo_accent" class="section level4">
@@ -267,8 +261,7 @@ img { max-width: 100%; }
</h4>
<p>The default Xaringan theme with two accent colors.</p>
<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>
</div>
<div id="style_duo_accent_inverse" class="section level4">
@@ -277,8 +270,7 @@ img { max-width: 100%; }
</h4>
<p>An “inverted” default Xaringan theme with two accent colors.</p>
<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>
</div>
</div>
@@ -291,8 +283,7 @@ img { max-width: 100%; }
<a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
</h4>
<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>
</div>
<div id="style_solarized_dark" class="section level4">
@@ -300,8 +291,7 @@ img { max-width: 100%; }
<a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
</h4>
<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>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>
@@ -376,12 +366,11 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<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>
<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 id="custom-and-google-font-fonts" class="section level3">
<h3 class="hasAnchor">
@@ -389,20 +378,18 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
<p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
<div class="sourceCode" id="cb15"><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>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">
<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>
</div>
<div id="using-additional-fonts" class="section level3">
@@ -410,18 +397,17 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
<p>If you want to use additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
<div class="sourceCode" id="cb17"><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="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 id="colors" class="section level2">
@@ -430,14 +416,13 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
<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>
<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>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>
@@ -453,19 +438,17 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co
<a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2>
<p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p>
<div class="sourceCode" id="cb20"><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>
<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>
<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>

+ 13
- 16
index.html Просмотреть файл

@@ -140,13 +140,11 @@ Easy slide and plot themes for xaringan slides.
<a href="#installation" class="anchor"></a>Installation</h2>
<p>You can install <strong>xaringanthemer</strong> from CRAN</p>
<div class="sourceCode" id="cb1"><pre class="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>
<div class="sourceCode" id="cb2"><pre class="downlit">
<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 id="quick-intro" class="section level2">
<h2 class="hasAnchor">
@@ -174,18 +172,17 @@ Easy slide and plot themes for xaringan slides.
<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>
<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>
</div>
<div id="tab-completion" class="section level3">

+ 1
- 1
pkgdown.yml Просмотреть файл

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

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

@@ -182,7 +182,7 @@ converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]
and appending to the hex color.</p>
</div>

<pre class="usage"><span class='fu'>apply_alpha</span>(<span class='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>
<table class="ref-arguments">
@@ -202,12 +202,12 @@ and appending to the hex color.</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>
<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></pre>
</div>

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

@@ -182,7 +182,7 @@ expression) if dark or light text should be used over the input color for
best contrast. Follows W3C Recommendations.</p>
</div>

<pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='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>
<table class="ref-arguments">
@@ -212,14 +212,14 @@ the greates contrast with the input color.</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>
<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></pre>
</div>

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

@@ -182,7 +182,7 @@ more of the language codes as given by google_language_codes()." />
more of the language codes as given by <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>google_font</span>(<span class='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>
<table class="ref-arguments">
@@ -207,7 +207,7 @@ more of the language codes as given by <code><a href='google_language_codes.html
<p>A <code>"google_font"</code> object.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)
<pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
@@ -221,7 +221,7 @@ more of the language codes as given by <code><a href='google_language_codes.html
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, 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
#&gt; [1] "Josefin Sans"
#&gt;

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

@@ -180,12 +180,12 @@ validates that the language codes given are valid." />
validates that the language codes given are valid.</p>
</div>

<pre class="usage"><span class='fu'>google_language_codes</span>(
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'>"thai"</span>, <span class='st'>"bengali"</span>, <span class='st'>"gujarati"</span>, <span class='st'>"oriya"</span>, <span class='st'>"malayalam"</span>, <span class='st'>"gurmukhi"</span>, <span class='st'>"kannada"</span>, <span class='st'>"telugu"</span>,
<span class='st'>"myanmar"</span>)
)</pre>
<span class='st'>"myanmar"</span><span class='op'>)</span>
<span class='op'>)</span></pre>

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

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

@@ -178,9 +178,9 @@
<p>Produces a linear blend of the color with white or black.</p>
</div>

<pre class="usage"><span class='fu'>lighten_color</span>(<span class='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>
<table class="ref-arguments">
@@ -203,13 +203,13 @@ where 0 is entirely the original color and 1 is entirely white
hexadecimal format.</p>

<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></pre>
</div>

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

@@ -186,62 +186,62 @@ created using the primary accent color of the xaringanthemer styles. See
<span class="pkg">xaringanthemer</span>'s <span class="pkg">ggplot2</span>-related functions.</p>
</div>

<pre class="usage"><span class='fu'>scale_xaringan_discrete</span>(
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>
<table class="ref-arguments">
@@ -290,50 +290,50 @@ value of <code>inverse_header_color</code></p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='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='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='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'># 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='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='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='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='fu'>scale_xaringan_fill_continuous</span>()
<span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span>

<span class='co'># Color scales demo</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='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='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='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></pre>
</div>

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

@@ -180,75 +180,75 @@ colors." />
colors.</p>
</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>
<table class="ref-arguments">
@@ -730,9 +730,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -752,14 +752,14 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -180,80 +180,80 @@ accents on select elements (headers, bold text, etc.)." />
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_duo_accent</span>(
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>
<table class="ref-arguments">
@@ -753,9 +753,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -775,14 +775,14 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -180,81 +180,81 @@ for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_duo_accent_inverse</span>(
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>
<table class="ref-arguments">
@@ -755,9 +755,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -777,14 +777,14 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -182,12 +182,12 @@ The <code>css</code> argument takes a list of CSS classes and definitions (see e
and appends CSS rules to <code>outfile</code>.</p>
</div>

<pre class="usage"><span class='fu'>style_extra_css</span>(
<span class='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>
<table class="ref-arguments">
@@ -222,18 +222,18 @@ named list of class identifiers, for example
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>style_extra_css</span>(
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;
#&gt;
#&gt; /* Extra CSS */

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

@@ -180,75 +180,75 @@ accents on select elements (headers, bold text, etc.)." />
accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_mono_accent</span>(
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>
<table class="ref-arguments">
@@ -736,9 +736,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -759,13 +759,13 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -180,75 +180,75 @@ for color accents on select elements (headers, bold text, etc.)." />
for color accents on select elements (headers, bold text, etc.).</p>
</div>

<pre class="usage"><span class='fu'>style_mono_accent_inverse</span>(
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>
<table class="ref-arguments">
@@ -737,9 +737,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -760,13 +760,13 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -178,75 +178,75 @@
<p>A dark monotone theme based around a single color.</p>
</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>
<table class="ref-arguments">
@@ -736,9 +736,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -759,13 +759,13 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -178,75 +178,75 @@
<p>A light monotone theme based around a single color.</p>
</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>
<table class="ref-arguments">
@@ -736,9 +736,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -759,13 +759,13 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -182,72 +182,72 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>style_solarized_dark</span>(
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>
<table class="ref-arguments">
@@ -713,9 +713,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

@@ -737,12 +737,12 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -182,72 +182,72 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
"<code>highlighStyle: solarized-light</code>".</p>
</div>

<pre class="usage"><span class='fu'>style_solarized_light</span>(
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>
<table class="ref-arguments">
@@ -713,9 +713,9 @@ returned directly as a character string.</p>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

@@ -737,12 +737,12 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>

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

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

@@ -178,74 +178,74 @@
<p>Creates a customized Xaringan theme CSS file.</p>
</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>
<table class="ref-arguments">
@@ -723,9 +723,9 @@ font fallbacks.</p></li>
<p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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>
<h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

@@ -742,15 +742,15 @@ argument, use that name instead of the default file name.<div class="yaml"></p><

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='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='op'>)</span>
</div><div class='output co'>#&gt; <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>

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

@@ -184,21 +184,21 @@ styles. See vignette(&quot;ggplot2-themes&quot;) for more information and exampl
styles. See <code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan</span>(
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>
<table class="ref-arguments">
@@ -290,30 +290,30 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='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='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='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'># 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="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

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

@@ -194,21 +194,21 @@ slides styled by xaringanthemer for a plot theme that matches the slide
style. See <code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_base</span>(
<span class='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>
<table class="ref-arguments">
@@ -297,49 +297,49 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='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="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

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

@@ -180,7 +180,7 @@ xaringanthemer style function, for use in plotting and other circumstances." />
xaringanthemer style function, for use in plotting and other circumstances.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_get_value</span>(<span class='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>
<table class="ref-arguments">
@@ -276,14 +276,14 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span>
<span class='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></pre>
</div>

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

@@ -184,21 +184,21 @@ vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
<code><a href='../articles/ggplot2-themes.html'>vignette("ggplot2-themes")</a></code> for more information and examples.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_inverse</span>(
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>
<table class="ref-arguments">
@@ -290,31 +290,31 @@ not available locally.</p></td>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>
<span class='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='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='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'># 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='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="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

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

@@ -188,15 +188,15 @@ defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
<code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p>
</div>

<pre class="usage"><span class='fu'>theme_xaringan_set_defaults</span>(
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>
<table class="ref-arguments">

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

@@ -200,27 +200,27 @@ Use style_solarized_dark() instead of solarized_dark()." />
<p>Use <code><a href='style_solarized_dark.html'>style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</p>
</div>

<pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='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>
<table class="ref-arguments">

Загрузка…
Отмена
Сохранить