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

Built site for xaringanthemer: 0.4.1@fb8ca3d

gh-pages
gadenbuie 4 лет назад
Родитель
Сommit
ca003a63be
59 измененных файлов: 928 добавлений и 915 удалений
  1. +1
    -0
      .nojekyll
  2. +2
    -2
      404.html
  3. +2
    -2
      LICENSE-text.html
  4. +2
    -2
      LICENSE.html
  5. +2
    -2
      articles/fonts.html
  6. +5
    -5
      articles/ggplot2-themes.html
  7. Двоичные данные
      articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png
  8. Двоичные данные
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png
  9. Двоичные данные
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png
  10. Двоичные данные
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png
  11. Двоичные данные
      articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png
  12. Двоичные данные
      articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png
  13. Двоичные данные
      articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png
  14. Двоичные данные
      articles/ggplot2-themes_files/figure-html/text demo-1.png
  15. Двоичные данные
      articles/ggplot2-themes_files/figure-html/text-demo-2-1.png
  16. +2
    -2
      articles/index.html
  17. +2
    -2
      articles/template-variables.html
  18. +4
    -4
      articles/themes.html
  19. +4
    -4
      articles/xaringanthemer.html
  20. +2
    -2
      authors.html
  21. +6
    -5
      index.html
  22. +14
    -4
      news/index.html
  23. +1
    -1
      pkgdown.yml
  24. Двоичные данные
      reference/Rplot001.png
  25. Двоичные данные
      reference/Rplot002.png
  26. Двоичные данные
      reference/apply_alpha-1.png
  27. +10
    -10
      reference/apply_alpha.html
  28. Двоичные данные
      reference/choose_dark_or_light-1.png
  29. +14
    -14
      reference/choose_dark_or_light.html
  30. Двоичные данные
      reference/figures/index-theme_xaringan_demo-1.png
  31. +33
    -31
      reference/google_font.html
  32. +2
    -2
      reference/google_language_codes.html
  33. +2
    -2
      reference/index.html
  34. Двоичные данные
      reference/lighten_darken_color-1.png
  35. +11
    -11
      reference/lighten_darken_color.html
  36. Двоичные данные
      reference/scale_xaringan-1.png
  37. +49
    -49
      reference/scale_xaringan.html
  38. +61
    -61
      reference/style_duo.html
  39. +68
    -68
      reference/style_duo_accent.html
  40. +68
    -68
      reference/style_duo_accent_inverse.html
  41. +31
    -30
      reference/style_extra_css.html
  42. +60
    -60
      reference/style_mono_accent.html
  43. +61
    -61
      reference/style_mono_accent_inverse.html
  44. +62
    -62
      reference/style_mono_dark.html
  45. +62
    -62
      reference/style_mono_light.html
  46. +53
    -53
      reference/style_solarized_dark.html
  47. +53
    -53
      reference/style_solarized_light.html
  48. +47
    -46
      reference/style_xaringan.html
  49. Двоичные данные
      reference/theme_xaringan-1.png
  50. +29
    -28
      reference/theme_xaringan.html
  51. Двоичные данные
      reference/theme_xaringan_base-1.png
  52. Двоичные данные
      reference/theme_xaringan_base-2.png
  53. +49
    -47
      reference/theme_xaringan_base.html
  54. +16
    -13
      reference/theme_xaringan_get_value.html
  55. Двоичные данные
      reference/theme_xaringan_inverse-1.png
  56. +30
    -29
      reference/theme_xaringan_inverse.html
  57. +2
    -2
      reference/theme_xaringan_set_defaults.html
  58. +2
    -2
      reference/xaringanthemer-deprecated.html
  59. +4
    -14
      reference/xaringanthemer-package.html

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

@@ -0,0 +1 @@


+ 2
- 2
404.html Просмотреть файл

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

+ 2
- 2
LICENSE-text.html Просмотреть файл

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

+ 2
- 2
LICENSE.html Просмотреть файл

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -42,7 +42,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -87,7 +87,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>

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

@@ -42,7 +42,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -87,7 +87,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
@@ -266,7 +266,7 @@ img { max-width: 100%; border: none; }
<h3 class="hasAnchor">
<a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3>
<p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p>
<p>In your slide theme, use the <code>&lt;type&gt;_font_google</code> argument with the <code><a href="../reference/google_font.html">google_font("&lt;font name&gt;")</a></code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p>
<p>In your slide theme, use the <code>&lt;type&gt;_font_google</code> argument with the <code>google_font("&lt;font name&gt;")</code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p>
<ul>
<li>
<code>text_font_google = google_font("Kelley Slab")</code> and</li>
@@ -301,10 +301,10 @@ img { max-width: 100%; border: none; }
<a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3>
<p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p>
<p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org">fontlibrary.org</a>. In my theme style function, I would use</p>
<pre><code><a href="../reference/style_mono_accent.html">style_mono_accent(
<pre><code>style_mono_accent(
text_font_family = "GlacialIndifferenceRegular",
text_font_url = "https://fontlibrary.org/face/glacial-indifference"
)</a></code></pre>
)</code></pre>
<p>but sysfonts won’t know where to find the TTF font files for this font.</p>
<p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p>
<p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -42,7 +42,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -87,7 +87,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>

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

@@ -42,7 +42,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -87,7 +87,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
@@ -139,7 +139,7 @@
<p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<div id="monotone" class="section level3">
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
@@ -255,7 +255,7 @@
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>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>var(--red)</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>
<span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>

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

@@ -42,7 +42,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -87,7 +87,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
@@ -200,7 +200,7 @@ img { max-width: 100%; }
<p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
<div id="monotone" class="section level3">
<h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3>
@@ -423,7 +423,7 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>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>var(--red)</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>
<span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>

+ 2
- 2
authors.html Просмотреть файл

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -44,7 +44,7 @@ Easy slide and plot themes for xaringan slides.
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -89,7 +89,7 @@ Easy slide and plot themes for xaringan slides.
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider">
<li>
@@ -144,7 +144,7 @@ Easy slide and plot themes for xaringan slides.
<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 sourceCode r">
<code class="sourceCode R"><span class="co"># install.packages("remotes")</span>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div>
</div>
<div id="quick-intro" class="section level2">
<h2 class="hasAnchor">
@@ -239,8 +239,9 @@ Easy slide and plot themes for xaringan slides.
<h2>Dev status</h2>
<ul class="list-unstyled">
<li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li>
<li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/CI%20by%20%7Btic%7D/badge.svg?branch=master" alt="CI by {tic}"></a></li>
<li><a href="https://gadenbuie.r-universe.dev"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li>
<li><a href="https://lifecycle.r-lib.org/articles/stages.html"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
<li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></a></li>
<li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li>
</ul>
</div>

+ 14
- 4
news/index.html Просмотреть файл

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -172,6 +172,16 @@
<small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
</div>

<div id="xaringanthemer-041" class="section level1">
<h1 class="page-header" data-toc-text="0.4.1">
<a href="#xaringanthemer-041" class="anchor"></a>xaringanthemer 0.4.1<small> 2021-11-21 </small>
</h1>
<ul>
<li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href='https://github.com/gadenbuie/xaringanthemer/issues/68'>#68</a>).</p></li>
<li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href='https://github.com/jdlom'>@jdlom</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/69'>#69</a>)</p></li>
<li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href='https://github.com/beatrizmilz'>@beatrizmilz</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/65'>#65</a>).</p></li>
</ul>
</div>
<div id="xaringanthemer-040" class="section level1">
<h1 class="page-header" data-toc-text="0.4.0">
<a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small>
@@ -212,9 +222,9 @@
<li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
<li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
<li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
<li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li>
<li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code>var(--background-color)</code>.</p></li>
<li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li>
<li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li>
<li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li>
</ul>
<div id="bugfixes-and-improvements" class="section level2">
<h2 class="hasAnchor">

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

@@ -7,7 +7,7 @@ articles:
template-variables: template-variables.html
themes: themes.html
xaringanthemer: xaringanthemer.html
last_built: 2021-10-01T04:37Z
last_built: 2021-11-21T19:01Z
urls:
reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

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

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

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

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

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

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

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

@@ -87,7 +87,7 @@ and appending to the hex color." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ and appending to the hex color." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -202,14 +202,14 @@ 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='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='va'>blue_transparent</span> <span class='op'>&lt;-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span>
<span class='kw'>if</span> <span class='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>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><span class='va'>blue_transparent</span> <span class='op'>&lt;-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

@@ -87,7 +87,7 @@ best contrast. Follows W3C Recommendations." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ best contrast. Follows W3C Recommendations." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -194,12 +194,12 @@ best contrast. Follows W3C Recommendations.</p>
<tr>
<th>black</th>
<td><p>Text or foreground color, e.g. "#222" or
<code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td>
<code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td>
</tr>
<tr>
<th>white</th>
<td><p>Text or foreground color or expression, e.g. "#EEE" or
<code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td>
<code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td>
</tr>
</table>

@@ -212,16 +212,16 @@ 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='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>
<pre class="examples"><span class='r-in'><span class='va'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span></span>
<span class='r-in'><span class='va'>contrast_green</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span></span>
<span class='r-in'><span class='va'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span></span>
<span class='r-in'><span class='va'>contrast_purple</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>light_green</span>, <span class='va'>contrast_green</span>, <span class='va'>dark_purple</span>, <span class='va'>contrast_purple</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

@@ -87,7 +87,7 @@ more of the language codes as given by google_language_codes()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ more of the language codes as given by google_language_codes()." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -207,35 +207,37 @@ 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='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; [1] "400,400i,600i,700"
#&gt;
#&gt; $languages
#&gt; NULL
#&gt;
#&gt; $url
#&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='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; NULL
#&gt;
#&gt; $languages
#&gt; [1] "latin-ext,vietnamese"
#&gt;
#&gt; $url
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div></pre>
<pre class="examples"><span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "400,400i,600i,700"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
<span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "latin-ext,vietnamese"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ validates that the language codes given are valid." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ validates that the language codes given are valid." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -84,7 +84,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -129,7 +129,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

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

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

@@ -85,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -130,7 +130,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -203,15 +203,15 @@ 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='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span>
<span class='va'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>
<span class='va'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span>
<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><span class='va'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span>
<span class='r-in'><span class='va'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

@@ -89,7 +89,7 @@ xaringanthemer's ggplot2-related functions." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -134,7 +134,7 @@ xaringanthemer's ggplot2-related functions." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -289,53 +289,53 @@ 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='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='co'># Saving the theme to a temp file because this is an example</span>
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='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='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='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='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='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='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='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='op'>)</span> <span class='op'>+</span>
<span class='co'># Fill color matches teal text</span>
<span class='fu'>scale_xaringan_color_discrete</span><span class='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>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span>
<span class='r-in'> <span class='co'># Saving the theme to a temp file because this is an example</span></span>
<span class='r-in'> <span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span>
<span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span>
<span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Here's some very basic example data</span></span>
<span class='r-in'> <span class='va'>ex</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span><span class='op'>(</span></span>
<span class='r-in'> name <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span><span class='op'>)</span>,</span>
<span class='r-in'> n <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span><span class='op'>)</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Fill color scales demo</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, <span class='va'>n</span>, fill <span class='op'>=</span> <span class='va'>n</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching fill scales"</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span>
<span class='r-in'> <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='co'># Fill color matches teal text</span></span>
<span class='r-in'> <span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Color scales demo</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, y <span class='op'>=</span> <span class='fl'>1</span>, color <span class='op'>=</span> <span class='va'>name</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span>size <span class='op'>=</span> <span class='fl'>10</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching color scales"</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span>
<span class='r-in'> <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='co'># Fill color matches teal text</span></span>
<span class='r-in'> <span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>direction <span class='op'>=</span> <span class='op'>-</span><span class='fl'>1</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ colors." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ colors." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -261,29 +261,29 @@ colors.</p>
<th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #1F4257. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
variable that can be referenced with <code>var(--primary)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #F97B64. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
variable that can be referenced with <code>var(--secondary)</code> in any argument of
a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>.
<code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>.
Modifies the <code>body</code> element. The value of this variable is also stored as
a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any
a CSS variable that can be referenced with <code>var(--text_color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies
the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a
CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any
CSS variable that can be referenced with <code>var(--header-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -291,21 +291,21 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>primary_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>secondary_color</code>.
Modifies the <code>strong</code> element. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -352,7 +352,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -371,7 +371,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -379,14 +379,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>primary_color</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -399,7 +399,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to
<code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code>
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
can be referenced with <code>var(--inverse-header-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -407,7 +407,7 @@ style function or in custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -415,7 +415,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -423,7 +423,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
<code>var(--title-slide-background-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -470,7 +470,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(secondary_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -482,7 +482,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -497,7 +497,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.9)</a></code>. Modifies the
Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -505,7 +505,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_colo
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -514,7 +514,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -523,7 +523,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -532,7 +532,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -541,7 +541,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -556,7 +556,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -565,7 +565,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -585,7 +585,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -604,15 +604,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -625,15 +625,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -641,7 +641,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -653,15 +653,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -671,13 +671,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -688,10 +688,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -700,19 +700,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -735,7 +735,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -762,7 +762,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -783,19 +783,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_duo</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_duo</span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ accents on select elements (headers, bold text, etc.)." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -266,42 +266,42 @@ accents on select elements (headers, bold text, etc.).</p>
<th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
variable that can be referenced with <code>var(--primary)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
variable that can be referenced with <code>var(--secondary)</code> in any argument of
a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
variable that can be referenced with <code>var(--white)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Used in multiple
CSS rules. The value of this variable is also stored as a CSS variable
that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
that can be referenced with <code>var(--black)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -309,23 +309,23 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>white_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>.
Modifies the <code>a, a &gt; code</code> elements. The value of this variable is also
stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code>
stored as a CSS variable that can be referenced with <code>var(--link-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>.
Modifies the <code>strong</code> element. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -372,13 +372,13 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>.
Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
@@ -392,7 +392,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -400,15 +400,15 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
<code>choose_dark_or_light(secondary_color, black_color, white_color)</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -419,10 +419,10 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
<code>choose_dark_or_light(secondary_color, black_color, white_color)</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -430,15 +430,15 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies
<code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies
the <code>.title-slide</code> class. The value of this variable is also stored as a
CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code>
CSS variable that can be referenced with <code>var(--title-slide-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -446,7 +446,7 @@ in any argument of a style function or in custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
<code>var(--title-slide-background-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -493,7 +493,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(primary_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -505,7 +505,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -520,7 +520,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.8)</a></code>. Modifies the
Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -528,7 +528,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_co
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -537,7 +537,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -546,7 +546,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -555,7 +555,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -564,7 +564,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -579,7 +579,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -588,7 +588,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -608,7 +608,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -627,15 +627,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -648,15 +648,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -664,7 +664,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -676,15 +676,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -694,13 +694,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -711,10 +711,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -723,19 +723,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -758,7 +758,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -785,7 +785,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -806,19 +806,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_duo.html'>style_duo</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_duo_accent</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_duo_accent</span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -267,42 +267,42 @@ for color accents on select elements (headers, bold text, etc.).</p>
<th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
variable that can be referenced with <code>var(--primary)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
variable that can be referenced with <code>var(--secondary)</code> in any argument of
a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
variable that can be referenced with <code>var(--white)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Used in multiple
CSS rules. The value of this variable is also stored as a CSS variable
that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
that can be referenced with <code>var(--black)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -310,23 +310,23 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>black_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>.
Modifies the <code>a, a &gt; code</code> elements. The value of this variable is also
stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code>
stored as a CSS variable that can be referenced with <code>var(--link-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>.
Modifies the <code>strong</code> element. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -373,13 +373,13 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
<code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>.
Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr>
<tr>
@@ -393,7 +393,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -401,15 +401,15 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
<code>choose_dark_or_light(secondary_color, black_color, white_color)</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -420,10 +420,10 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<tr>
<th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
<code>choose_dark_or_light(secondary_color, black_color, white_color)</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -431,15 +431,15 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
<th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to
<code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies
<code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies
the <code>.title-slide</code> class. The value of this variable is also stored as a
CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code>
CSS variable that can be referenced with <code>var(--title-slide-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -447,7 +447,7 @@ in any argument of a style function or in custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
<code>var(--title-slide-background-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -494,7 +494,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(primary_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -506,7 +506,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -522,7 +522,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to
<code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</a></code>.
<code>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</code>.
Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -530,7 +530,7 @@ Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -539,7 +539,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -548,7 +548,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -557,7 +557,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -566,7 +566,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -581,7 +581,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -590,7 +590,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -610,7 +610,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -629,15 +629,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -650,15 +650,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -666,7 +666,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -678,15 +678,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -696,13 +696,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -713,10 +713,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -725,19 +725,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -760,7 +760,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -787,7 +787,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -808,19 +808,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_duo.html'>style_duo</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span>
primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,
secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -87,7 +87,7 @@ and appends CSS rules to outfile." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ and appends CSS rules to outfile." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -196,7 +196,7 @@ and appends CSS rules to <code>outfile</code>.</p>
<th>css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
<code>list(".class-id" = list("css-property" = "value"))</code></p></td>
</tr>
<tr>
<th>outfile</th>
@@ -219,35 +219,36 @@ it will overwrite the contents of <code>outfile</code>.</p></td>

<p>The <code>css</code> input must be a named list of css properties and values within a
named list of class identifiers, for example
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>style_extra_css</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>,
css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>
<span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>,
<span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>,
<span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>
display <span class='op'>=</span> <span class='st'>"flex"</span>,
width <span class='op'>=</span> <span class='st'>"100%"</span>,
flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span>
<span class='op'>)</span>
<span class='op'>)</span>
<span class='op'>)</span>
</div><div class='output co'>#&gt;
#&gt;
#&gt; /* Extra CSS */
#&gt; .red {
#&gt; color: red;
#&gt; }
#&gt; .small {
#&gt; font-size: 90%;
#&gt; }
#&gt; .full-width {
#&gt; display: flex;
#&gt; width: 100%;
#&gt; flex: 1 1 auto;
#&gt; }</div></pre>
<pre class="examples"><span class='r-in'><span class='fu'>style_extra_css</span><span class='op'>(</span></span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>,</span>
<span class='r-in'> css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span></span>
<span class='r-in'> <span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>,</span>
<span class='r-in'> <span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>,</span>
<span class='r-in'> <span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span></span>
<span class='r-in'> display <span class='op'>=</span> <span class='st'>"flex"</span>,</span>
<span class='r-in'> width <span class='op'>=</span> <span class='st'>"100%"</span>,</span>
<span class='r-in'> flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> /* Extra CSS */</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .red {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> color: red;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .small {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> font-size: 90%;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> .full-width {</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> display: flex;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> width: 100%;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> flex: 1 1 auto;</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> }</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ accents on select elements (headers, bold text, etc.)." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -262,34 +262,34 @@ accents on select elements (headers, bold text, etc.).</p>
<td><p>Monotone Base Color, works best with a strong color.
Defaults to #43418A. Used in multiple CSS rules. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
<code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
variable that can be referenced with <code>var(--white)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used. Defaults to #272822. Used in multiple
CSS rules. The value of this variable is also stored as a CSS variable
that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
that can be referenced with <code>var(--black)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>white_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
the <code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -358,7 +358,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to <code>white_color</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -413,7 +413,7 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -421,7 +421,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -429,7 +429,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -476,7 +476,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(base_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -488,7 +488,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the
Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color,
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -520,7 +520,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -571,7 +571,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -677,13 +677,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -706,19 +706,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -741,7 +741,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -768,7 +768,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_mono_accent</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_mono_accent</span><span class='op'>(</span></span>
<span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -86,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ for color accents on select elements (headers, bold text, etc.)." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -262,35 +262,35 @@ for color accents on select elements (headers, bold text, etc.).</p>
<td><p>Monotone Base Color, works best with a light color.
Defaults to #3C989E. Used in multiple CSS rules. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
<code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of
<code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value
of this variable is also stored as a CSS variable that can be referenced
with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a style function or in custom CSS.</p></td>
with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of
<code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Used in
<code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
variable that can be referenced with <code>var(--black)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -298,21 +298,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>black_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
the <code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -359,7 +359,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -378,7 +378,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -386,14 +386,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -406,7 +406,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to <code>black_color</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -414,7 +414,7 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -422,7 +422,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -430,7 +430,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -477,7 +477,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(base_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -489,7 +489,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -504,7 +504,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.8)</a></code>. Modifies the
Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -512,7 +512,7 @@ Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -521,7 +521,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -530,7 +530,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -539,7 +539,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -548,7 +548,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -563,7 +563,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -572,7 +572,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -592,7 +592,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -611,15 +611,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -632,15 +632,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -648,7 +648,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -660,15 +660,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -678,13 +678,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -695,10 +695,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -707,19 +707,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -742,7 +742,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -769,7 +769,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -791,18 +791,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span></span>
<span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -85,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -130,7 +130,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -260,36 +260,36 @@
<td><p>Monotone Base Color, works best with a light color..
Defaults to #cbf7ed. Used in multiple CSS rules. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
<code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of
<code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Used in
<code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
variable that can be referenced with <code>var(--white)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of
<code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Used in
<code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
variable that can be referenced with <code>var(--black)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>black_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
the <code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -358,7 +358,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to <code>black_color</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -413,7 +413,7 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -421,7 +421,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -429,7 +429,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -476,7 +476,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(base_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -488,7 +488,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the
Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -520,7 +520,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -571,7 +571,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -677,13 +677,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -706,19 +706,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -741,7 +741,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -768,7 +768,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_mono_dark</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_mono_dark</span><span class='op'>(</span></span>
<span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -85,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -130,7 +130,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -260,36 +260,36 @@
<td><p>Monotone base color, works best with a strong color.
Defaults to #23395b. Used in multiple CSS rules. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
<code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>white_color</th>
<td><p>Brightest color used, default is a very light version of
<code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Used in
<code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
variable that can be referenced with <code>var(--white)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of
<code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Used in
<code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in
multiple CSS rules. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
variable that can be referenced with <code>var(--black)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to <code>white_color</code>.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
the <code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -358,7 +358,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>.
Modifies the <code>.inverse</code> class. The value of this variable is also stored
as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code>
in any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to <code>white_color</code>.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -413,7 +413,7 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -421,7 +421,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -429,7 +429,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -476,7 +476,7 @@ property values.</p></td>
<tr>
<th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to
<code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
<code>apply_alpha(base_color, 0.6)</code>. Modifies the
<code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr>
<tr>
@@ -488,7 +488,7 @@ property values.</p></td>
<tr>
<th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults
to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td>
</tr>
<tr>
<th>table_border_color</th>
@@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
<tr>
<th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color.
Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the
Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the
<code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr>
<tr>
@@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color,
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -520,7 +520,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -571,7 +571,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -677,13 +677,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -706,19 +706,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -741,7 +741,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -768,7 +768,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_mono_light</span><span class='op'>(</span>
base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_mono_light</span><span class='op'>(</span></span>
<span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -87,7 +87,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -260,14 +260,14 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
<th>text_color</th>
<td><p>Text Color. Defaults to #839496. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -275,21 +275,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to #002b36.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the
<code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -336,7 +336,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to #268bd240.
Modifies the <code>.remark-code-line-highlighted</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in
<code>var(--code-highlight-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -355,7 +355,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -363,14 +363,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
#fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #002b36. Modifies
the <code>.inverse</code> class. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
variable that can be referenced with <code>var(--inverse-text-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -383,7 +383,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code>
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
can be referenced with <code>var(--inverse-header-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -391,7 +391,7 @@ style function or in custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -399,7 +399,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -407,7 +407,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -488,7 +488,7 @@ elements.</p></td>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -497,7 +497,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -506,7 +506,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -515,7 +515,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -524,7 +524,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -539,7 +539,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -548,7 +548,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -568,7 +568,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -587,15 +587,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -608,15 +608,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -624,7 +624,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -636,15 +636,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -654,13 +654,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -671,10 +671,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -683,19 +683,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -718,7 +718,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -745,7 +745,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -768,17 +768,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_solarized_dark</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_solarized_dark</span><span class='op'>(</span></span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -87,7 +87,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -132,7 +132,7 @@ Works well with &quot;highlightStyle: solarized-dark&quot; or
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -260,14 +260,14 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or
<th>text_color</th>
<td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
can be referenced with <code>var(--text_color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -275,21 +275,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to #fdf6e3.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the
<code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -336,7 +336,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to #268bd240.
Modifies the <code>.remark-code-line-highlighted</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in
<code>var(--code-highlight-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -355,7 +355,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -363,14 +363,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
#002b36. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies
the <code>.inverse</code> class. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
variable that can be referenced with <code>var(--inverse-text-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -383,7 +383,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code>
classes. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
can be referenced with <code>var(--inverse-header-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -391,7 +391,7 @@ style function or in custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -399,7 +399,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -407,7 +407,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -488,7 +488,7 @@ elements.</p></td>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -497,7 +497,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -506,7 +506,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -515,7 +515,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -524,7 +524,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -539,7 +539,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -548,7 +548,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -568,7 +568,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -587,15 +587,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
<code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -608,15 +608,15 @@ Modifies the <code>strong</code> element.</p></td>
<tr>
<th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
<code>@import url()</code> elements.</p></td>
</tr>
<tr>
<th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -624,7 +624,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -636,15 +636,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<th>header_font_family</th>
<td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
<code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td>
@@ -654,13 +654,13 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
<th>header_font_url</th>
<td><p>Header Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
<code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
<code>@import url</code> elements.</p></td>
</tr>
<tr>
@@ -671,10 +671,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<tr>
<th>code_font_family</th>
<td><p>Code Font Family. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -683,19 +683,19 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>code_font_url</th>
<td><p>Code Font URL. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
<code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
elements.</p></td>
</tr>
<tr>
<th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to
<code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
<code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr>
<tr>
@@ -718,7 +718,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -745,7 +745,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -768,17 +768,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span>
<span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>
<span class='fu'>style_solarized_light</span><span class='op'>(</span>
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_solarized_light</span><span class='op'>(</span></span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -85,7 +85,7 @@
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -130,7 +130,7 @@
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -263,14 +263,14 @@ function family.</p></td>
<th>text_color</th>
<td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style function or
referenced with <code>var(--text_color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>header_color</th>
<td><p>Header Color. Defaults to #000. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
variable that can be referenced with <code>var(--header-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -278,21 +278,21 @@ of a style function or in custom CSS.</p></td>
<td><p>Slide Background Color. Defaults to #FFF. Modifies
the <code>.remark-slide-content</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
<code>var(--background-color)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
<th>link_color</th>
<td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the
<code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
variable that can be referenced with <code>var(--link-color)</code> in any argument
of a style function or in custom CSS.</p></td>
</tr>
<tr>
<th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the
<code>strong</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
variable that can be referenced with <code>var(--text-bold-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -339,7 +339,7 @@ property values.</p></td>
<td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.
The value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
referenced with <code>var(--code-highlight-color)</code> in any argument of a style
function or in custom CSS.</p></td>
</tr>
<tr>
@@ -358,7 +358,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></
Modifies the <code>.remark-inline-code</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-inline-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -366,14 +366,14 @@ argument of a style function or in custom CSS.</p></td>
<td><p>Inverse Background Color. Defaults to
#272822. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
<code>var(--inverse-background-color)</code> in any argument of a style function or
in custom CSS.</p></td>
</tr>
<tr>
<th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies
the <code>.inverse</code> class. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
variable that can be referenced with <code>var(--inverse-text-color)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -386,7 +386,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t
<td><p>Inverse Header Color. Defaults to #f3f3f3.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
this variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
<code>var(--inverse-header-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -394,7 +394,7 @@ custom CSS.</p></td>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>.
Modifies the <code>.inverse a, .inverse a &gt; code</code> classes. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in
<code>var(--inverse-link-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -402,7 +402,7 @@ custom CSS.</p></td>
<td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
<code>var(--title-slide-text-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -410,7 +410,7 @@ custom CSS.</p></td>
<td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The
value of this variable is also stored as a CSS variable that can be
referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
referenced with <code>var(--title-slide-background-color)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -491,7 +491,7 @@ elements.</p></td>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>).
Defaults to 20px. Modifies the <code>html</code> element. The value of this variable
is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
<code>var(--base-font-size)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -500,7 +500,7 @@ CSS.</p></td>
the <code>.remark-slide-content</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
variable that can be referenced with <code>var(--text-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -509,7 +509,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h1-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -518,7 +518,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h2-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -527,7 +527,7 @@ argument of a style function or in custom CSS.</p></td>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
variable that can be referenced with <code>var(--header-h3-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -542,7 +542,7 @@ enable. Defaults to <code>FALSE</code>.</p></td>
Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
<code>var(--header-background-color)</code> in any argument of a style function or in
custom CSS.</p></td>
</tr>
<tr>
@@ -551,7 +551,7 @@ custom CSS.</p></td>
Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
<code>var(--header-background-text-color)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -571,7 +571,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the
<th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to
<code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the
<code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the
<code>.remark-slide-content</code> class.</p></td>
</tr>
<tr>
@@ -592,7 +592,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<code>'Droid Serif'</code>). Defaults to
<code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
element. The value of this variable is also stored as a CSS variable that
can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
can be referenced with <code>var(--text-font-family)</code> in any argument of a
style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -619,7 +619,7 @@ Modifies the <code>strong</code> element.</p></td>
<td><p>Body Text Font Fallbacks. Defaults to
<code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
<code>body</code> element. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
variable that can be referenced with <code>var(--text-font-family-fallback)</code> in
any argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -627,7 +627,7 @@ any argument of a style function or in custom CSS.</p></td>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults
to sans-serif. Modifies the <code>body</code> element. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
<code>var(--text-font-base)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -641,7 +641,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<code>'Yanone Kaffeesatz'</code>). Defaults to
<code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
<code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
variable that can be referenced with <code>var(--header-font-family)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -657,7 +657,7 @@ property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this
variable is also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function
<code>var(--header-font-family-fallback)</code> in any argument of a style function
or in custom CSS.</p></td>
</tr>
<tr>
@@ -677,7 +677,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td>
<code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
<code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
also stored as a CSS variable that can be referenced with
<code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
<code>var(--code-font-family)</code> in any argument of a style function or in custom
CSS.</p></td>
</tr>
<tr>
@@ -686,7 +686,7 @@ CSS.</p></td>
<code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
property values. The value of this variable is also stored as a CSS
variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
variable that can be referenced with <code>var(--code-font-size)</code> in any
argument of a style function or in custom CSS.</p></td>
</tr>
<tr>
@@ -721,7 +721,7 @@ to the background.</p></td>
<th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
<code>list(".class-id" = list("css-property" = "value"))</code>.</p></td>
</tr>
<tr>
<th>extra_fonts</th>
@@ -755,7 +755,7 @@ 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='va'>output</span><span class='op'>:</span>
argument, use that name instead of the default file name.<div class="sourceCode 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>
@@ -773,20 +773,21 @@ argument, use that name instead of the default file name.<div class="yaml"></p><
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div>

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

<span class='fu'>style_xaringan</span><span class='op'>(</span>
text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,
inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,
outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
<span class='co'># styles to xaringan-themer.css</span>
<span class='op'>)</span>
</div><div class='output co'>#&gt; <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'>
<span class='co'># View the CSS:</span>
<span class='co'># file.edit(xaringan_themer_css)</span>
</div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>style_xaringan</span><span class='op'>(</span></span>
<span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,</span>
<span class='r-in'> inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span>
<span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span>
<span class='r-in'><span class='op'>)</span></span>
<span class='r-wrn co'><span class='r-pr'>#&gt;</span> <span class='warning'>Warning: </span>Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span>
<span class='r-in'></span>
<span class='r-in'><span class='co'># View the CSS:</span></span>
<span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

@@ -88,7 +88,7 @@ styles. See vignette(&quot;ggplot2-themes&quot;) for more information and exampl
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -133,7 +133,7 @@ styles. See vignette(&quot;ggplot2-themes&quot;) for more information and exampl
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -290,32 +290,33 @@ package is installed.</p></td>
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</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='co'># Because this is an example, we'll save the CSS to a temp file</span>
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='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='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>

<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span>
<span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre>
<pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span>
<span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='co'># Because this is an example, we'll save the CSS to a temp file</span></span>
<span class='r-in'> <span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span>
<span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span>
<span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span>
<span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span>
<span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span>
<span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span>
<span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span>
<span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span>
<span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span>
<span class='r-in'> <span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span></span>
<span class='r-in'> <span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

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

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

@@ -93,7 +93,7 @@ style. See vignette(&quot;ggplot2-themes&quot;) for more information and exampl
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -138,7 +138,7 @@ style. See vignette(&quot;ggplot2-themes&quot;) for more information and exampl
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -297,51 +297,53 @@ package is installed.</p></td>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</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='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>

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

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

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

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

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

@@ -86,7 +86,7 @@ xaringanthemer style function, for use in plotting and other circumstances." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -131,7 +131,7 @@ xaringanthemer style function, for use in plotting and other circumstances." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -275,17 +275,20 @@ 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='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span><span class='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='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>
<pre class="examples"><span class='r-in'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span></span>
<span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span><span class='op'>(</span>outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#657b83"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#fdf6e3"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#dc322f"</span>
<span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "#d33682"</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

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

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

@@ -88,7 +88,7 @@ vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -133,7 +133,7 @@ vignette(&quot;ggplot2-themes&quot;) for more information and examples." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -290,33 +290,34 @@ package is installed.</p></td>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Requires ggplot2</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='co'># Because this is an example, we'll save the CSS to a temp file</span>
<span class='va'>path_to_css_file</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span>

<span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>
<span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='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='op'>=</span> <span class='st'>"sans"</span>,
header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,
outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span>
<span class='op'>)</span>

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

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

@@ -90,7 +90,7 @@ theme_xaringan_inverse()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -135,7 +135,7 @@ theme_xaringan_inverse()." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -96,7 +96,7 @@ Use style_solarized_dark() instead of solarized_dark()." />
</button>
<span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span>
</span>
</div>

@@ -141,7 +141,7 @@ Use style_solarized_dark() instead of solarized_dark()." />
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>

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

@@ -50,12 +50,7 @@

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

@@ -136,7 +131,7 @@ Create beautifully color-coordinated and customized
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>
<a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
</li>
<li class="divider"></li>
<li>
@@ -182,12 +177,7 @@ Create beautifully color-coordinated and customized

<div class="ref-description">
<p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p>
<p>Create beautifully color-coordinated and customized
themes for your 'xaringan' slides, without writing any CSS. Complete
your slide theme with 'ggplot2' themes that match the font and colors
used in your slides. Customized styles can be created directly in
your slides' 'R Markdown' source file or in a separate external
script.</p>
<p>Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script.</p>
</div>



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