Parcourir la source

Built site for xaringanthemer: 0.4.1@fb8ca3d

gh-pages
gadenbuie il y a 4 ans
Parent
révision
ca003a63be
59 fichiers modifiés avec 928 ajouts et 915 suppressions
  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. BIN
      articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png
  8. BIN
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png
  9. BIN
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png
  10. BIN
      articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png
  11. BIN
      articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png
  12. BIN
      articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png
  13. BIN
      articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png
  14. BIN
      articles/ggplot2-themes_files/figure-html/text demo-1.png
  15. BIN
      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. BIN
      reference/Rplot001.png
  25. BIN
      reference/Rplot002.png
  26. BIN
      reference/apply_alpha-1.png
  27. +10
    -10
      reference/apply_alpha.html
  28. BIN
      reference/choose_dark_or_light-1.png
  29. +14
    -14
      reference/choose_dark_or_light.html
  30. BIN
      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. BIN
      reference/lighten_darken_color-1.png
  35. +11
    -11
      reference/lighten_darken_color.html
  36. BIN
      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. BIN
      reference/theme_xaringan-1.png
  50. +29
    -28
      reference/theme_xaringan.html
  51. BIN
      reference/theme_xaringan_base-1.png
  52. BIN
      reference/theme_xaringan_base-2.png
  53. +49
    -47
      reference/theme_xaringan_base.html
  54. +16
    -13
      reference/theme_xaringan_get_value.html
  55. BIN
      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 Voir le fichier



+ 2
- 2
404.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
LICENSE-text.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
LICENSE.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
articles/fonts.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>

+ 5
- 5
articles/ggplot2-themes.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> <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>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> <ul>
<li> <li>
<code>text_font_google = google_font("Kelley Slab")</code> and</li> <code>text_font_google = google_font("Kelley Slab")</code> and</li>
<a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3> <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>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> <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_family = "GlacialIndifferenceRegular",
text_font_url = "https://fontlibrary.org/face/glacial-indifference" 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>but sysfonts won’t know where to find the TTF font files for this font.</p>
<p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p> <p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p>
<p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> <p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p>

BIN
articles/ggplot2-themes_files/figure-html/demo-geom-defaults-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/ggplot2-demo-1-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/ggplot2-demo-2-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/ggplot2-demo-inverse-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/scale-xaringan-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/scale-xaringan-2.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/sysfonts-custom-font-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/text demo-1.png Voir le fichier

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

BIN
articles/ggplot2-themes_files/figure-html/text-demo-2-1.png Voir le fichier

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

+ 2
- 2
articles/index.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
articles/template-variables.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>

+ 4
- 4
articles/themes.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>
<p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If 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"> <div id="monotone" class="section level3">
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3> <a href="#monotone" class="anchor"></a>Monotone</h3>
green <span class="op">=</span> <span class="st">"#136f63"</span>, green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div> <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> <p>So slide text like this</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> <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 Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>
<p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
<p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
<p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
<p>If 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"> <div id="monotone" class="section level3">
<h3 class="hasAnchor"> <h3 class="hasAnchor">
<a href="#monotone" class="anchor"></a>Monotone</h3> <a href="#monotone" class="anchor"></a>Monotone</h3>
green <span class="op">=</span> <span class="st">"#136f63"</span>, green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span> white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div> <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> <p>So slide text like this</p>
<div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>

+ 2
- 2
authors.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 6
- 5
index.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"> <li class="divider">
<li> <li>
<p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p> <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># install.packages("remotes")</span> <code class="sourceCode R"><span class="co"># install.packages("remotes")</span>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu"><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>
<div id="quick-intro" class="section level2"> <div id="quick-intro" class="section level2">
<h2 class="hasAnchor"> <h2 class="hasAnchor">
<h2>Dev status</h2> <h2>Dev status</h2>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> <li><a href="https://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> <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> </ul>
</div> </div>

+ 14
- 4
news/index.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small> <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
</div> </div>


<div id="xaringanthemer-041" class="section level1">
<h1 class="page-header" data-toc-text="0.4.1">
<a href="#xaringanthemer-041" class="anchor"></a>xaringanthemer 0.4.1<small> 2021-11-21 </small>
</h1>
<ul>
<li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href='https://github.com/gadenbuie/xaringanthemer/issues/68'>#68</a>).</p></li>
<li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href='https://github.com/jdlom'>@jdlom</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/69'>#69</a>)</p></li>
<li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href='https://github.com/beatrizmilz'>@beatrizmilz</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/65'>#65</a>).</p></li>
</ul>
</div>
<div id="xaringanthemer-040" class="section level1"> <div id="xaringanthemer-040" class="section level1">
<h1 class="page-header" data-toc-text="0.4.0"> <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> <a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small>
<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>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>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>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>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> </ul>
<div id="bugfixes-and-improvements" class="section level2"> <div id="bugfixes-and-improvements" class="section level2">
<h2 class="hasAnchor"> <h2 class="hasAnchor">

+ 1
- 1
pkgdown.yml Voir le fichier

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

BIN
reference/Rplot001.png Voir le fichier

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

BIN
reference/Rplot002.png Voir le fichier

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

BIN
reference/apply_alpha-1.png Voir le fichier

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

+ 10
- 10
reference/apply_alpha.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<p>A character string with added opacity level as hexadecimal characters.</p> <p>A character string with added opacity level as hexadecimal characters.</p>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/choose_dark_or_light-1.png Voir le fichier

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

+ 14
- 14
reference/choose_dark_or_light.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<tr> <tr>
<th>black</th> <th>black</th>
<td><p>Text or foreground color, e.g. "#222" or <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>
<tr> <tr>
<th>white</th> <th>white</th>
<td><p>Text or foreground color or expression, e.g. "#EEE" or <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> </tr>
</table> </table>


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


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/figures/index-theme_xaringan_demo-1.png Voir le fichier

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

+ 33
- 31
reference/google_font.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<p>A <code>"google_font"</code> object.</p> <p>A <code>"google_font"</code> object.</p>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 2
- 2
reference/google_language_codes.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
reference/index.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

BIN
reference/lighten_darken_color-1.png Voir le fichier

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

+ 11
- 11
reference/lighten_darken_color.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
hexadecimal format.</p> hexadecimal format.</p>


<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/scale_xaringan-1.png Voir le fichier

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

+ 49
- 49
reference/scale_xaringan.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>




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

+ 61
- 61
reference/style_duo.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>primary_color</th> <th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #1F4257. Used in <td><p>Duotone Primary Color. Defaults to #1F4257. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>secondary_color</th> <th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #F97B64. Used in <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>primary_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>secondary_color</code>. <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 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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>primary_color</code>. <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <td><p>Inverse Header Color. Defaults to
<code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 68
- 68
reference/style_duo_accent.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>primary_color</th> <th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in <td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>secondary_color</th> <th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in <td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in <td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Used in multiple <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <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 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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_inline_color</th> <th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <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> Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>inverse_header_color</th> <th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>title_slide_text_color</th> <th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_duo.html'>style_duo</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 68
- 68
reference/style_duo_accent_inverse.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>primary_color</th> <th>primary_color</th>
<td><p>Duotone Primary Color. Defaults to #035AA6. Used in <td><p>Duotone Primary Color. Defaults to #035AA6. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>secondary_color</th> <th>secondary_color</th>
<td><p>Duotone Secondary Color. Defaults to #03A696. Used in <td><p>Duotone Secondary Color. Defaults to #03A696. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in <td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used. Defaults to #000000. Used in multiple <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <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 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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_inline_color</th> <th>code_inline_color</th>
<td><p>Inline Code Color. Defaults to <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> Modifies the <code>.remark-inline-code</code> class.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>inverse_header_color</th> <th>inverse_header_color</th>
<td><p>Inverse Header Color. Defaults to <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>title_slide_text_color</th> <th>title_slide_text_color</th>
<td><p>Title Slide Text Color. Defaults to <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <td><p>Table Even Row Background Color.
Defaults to 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> Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_duo.html'>style_duo</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 31
- 30
reference/style_extra_css.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>css</th> <th>css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>outfile</th> <th>outfile</th>


<p>The <code>css</code> input must be a named list of css properties and values within a <p>The <code>css</code> input must be a named list of css properties and values within a
named list of class identifiers, for example named list of class identifiers, for example
<code><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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 60
- 60
reference/style_mono_accent.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<td><p>Monotone Base Color, works best with a strong color. <td><p>Monotone Base Color, works best with a strong color.
Defaults to #43418A. Used in multiple CSS rules. The value of this 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 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>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used. Defaults to #FFFFFF. Used in <td><p>Brightest color used. Defaults to #FFFFFF. Used in
multiple CSS rules. The value of this variable is also stored as a CSS 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used. Defaults to #272822. Used in multiple <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>. <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <code>white_color</code>. <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 61
- 61
reference/style_mono_accent_inverse.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<td><p>Monotone Base Color, works best with a light color. <td><p>Monotone Base Color, works best with a light color.
Defaults to #3C989E. Used in multiple CSS rules. The value of this 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 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>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used, default is a very light version of <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 <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 of this 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>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>. <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <code>black_color</code>. <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 62
- 62
reference/style_mono_dark.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<td><p>Monotone Base Color, works best with a light color.. <td><p>Monotone Base Color, works best with a light color..
Defaults to #cbf7ed. Used in multiple CSS rules. The value of this 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 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>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used, default is a very light version of <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>black_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>black_color</code>. <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <code>black_color</code>. <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 62
- 62
reference/style_mono_light.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<td><p>Monotone base color, works best with a strong color. <td><p>Monotone base color, works best with a strong color.
Defaults to #23395b. Used in multiple CSS rules. The value of this 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 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>
<tr> <tr>
<th>white_color</th> <th>white_color</th>
<td><p>Brightest color used, default is a very light version of <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>black_color</th> <th>black_color</th>
<td><p>Darkest color used, default is a very dark, version of <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to <code>white_color</code>. <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
<code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is <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 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to <code>white_color</code>. <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 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> in any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <code>white_color</code>. <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 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>left_column_subtle_color</th> <th>left_column_subtle_color</th>
<td><p>Left Column Text (not last). Defaults to <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> <code>.left-column h2, .left-column h3</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>blockquote_left_border_color</th> <th>blockquote_left_border_color</th>
<td><p>Blockquote Left Border Color. Defaults <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>
<tr> <tr>
<th>table_border_color</th> <th>table_border_color</th>
<tr> <tr>
<th>table_row_even_background_color</th> <th>table_row_even_background_color</th>
<td><p>Table Even Row Background Color. <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> <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 53
- 53
reference/style_solarized_dark.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to #002b36. <td><p>Slide Background Color. Defaults to #002b36.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to #268bd240. <td><p>Code Line Highlight. Defaults to #268bd240.
Modifies the <code>.remark-code-line-highlighted</code> class. The value of this 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
#fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #002b36. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <td><p>Inverse Header Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 53
- 53
reference/style_solarized_light.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> <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 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to #dc322f. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to #fdf6e3. <td><p>Slide Background Color. Defaults to #fdf6e3.
Modifies the <code>.remark-slide-content</code> class. The value of this variable is 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to #b58900. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to #d33682. Modifies the <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to #268bd240. <td><p>Code Line Highlight. Defaults to #268bd240.
Modifies the <code>.remark-code-line-highlighted</code> class. The value of this 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
#002b36. Modifies the <code>.inverse</code> class. The value of this variable is also #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to <td><p>Inverse Header Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family</th> <th>text_font_family</th>
<td><p>Body Text Font Family (xaringan default is <td><p>Body Text Font Family (xaringan default is
<code>'Droid Serif'</code>). Defaults to <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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_weight</th> <th>text_font_weight</th>
<td><p>Body Text Font Weight. Defaults to <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 element. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<tr> <tr>
<th>text_font_url</th> <th>text_font_url</th>
<td><p>Body Text Font URL(s). Defaults to <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> <code>@import url()</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_font_family_fallback</th> <th>text_font_family_fallback</th>
<td><p>Body Text Font Fallbacks. Defaults to <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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_family</th> <th>header_font_family</th>
<td><p>Header Font Family (xaringan default is <td><p>Header Font Family (xaringan default is
<code>'Yanone Kaffeesatz'</code>). Defaults to <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_weight</th> <th>header_font_weight</th>
<td><p>Header Font Weight. Defaults to <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 <code>h1, h2, h3</code> elements. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
property values.</p></td> property values.</p></td>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_font_url</th> <th>header_font_url</th>
<td><p>Header Font URL. Defaults to <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> <code>@import url</code> elements.</p></td>
</tr> </tr>
<tr> <tr>
<tr> <tr>
<th>code_font_family</th> <th>code_font_family</th>
<td><p>Code Font Family. Defaults to <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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_url</th> <th>code_font_url</th>
<td><p>Code Font URL. Defaults to <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> elements.</p></td>
</tr> </tr>
<tr> <tr>
<th>code_font_family_fallback</th> <th>code_font_family_fallback</th>
<td><p>Code Font Fallback. Defaults to <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> <code>.remark-code, .remark-inline-code</code> classes.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 47
- 46
reference/style_xaringan.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<th>text_color</th> <th>text_color</th>
<td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. <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 The value of this 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_color</th> <th>header_color</th>
<td><p>Header Color. Defaults to #000. Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Slide Background Color. Defaults to #FFF. Modifies <td><p>Slide Background Color. Defaults to #FFF. Modifies
the <code>.remark-slide-content</code> class. The value of this variable is also the <code>.remark-slide-content</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>link_color</th> <th>link_color</th>
<td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the <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 <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> of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>text_bold_color</th> <th>text_bold_color</th>
<td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the <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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Code Line Highlight. Defaults to <td><p>Code Line Highlight. Defaults to
rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. 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 The value of this 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> function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-inline-code</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Background Color. Defaults to <td><p>Inverse Background Color. Defaults to
#272822. Modifies the <code>.inverse</code> class. The value of this variable is also #272822. Modifies the <code>.inverse</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>inverse_text_color</th> <th>inverse_text_color</th>
<td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Header Color. Defaults to #f3f3f3. <td><p>Inverse Header Color. Defaults to #f3f3f3.
Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of 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 this 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Inverse Link Color. Defaults to <code>link_color</code>. <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 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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Text Color. Defaults to <td><p>Title Slide Text Color. Defaults to
<code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this <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 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Title Slide Background Color. Defaults <td><p>Title Slide Background Color. Defaults
to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The 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 value of this 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Base Font Size for All Slide Elements (must be <code>px</code>). <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
the <code>.remark-slide-content</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS 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> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>header_color</code>. Modifies the Background. Defaults to <code>header_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
Background. Defaults to <code>background_color</code>. Modifies the Background. Defaults to <code>background_color</code>. Modifies the
<code>.remark-slide-content h1</code> class. The value of this variable is also <code>.remark-slide-content h1</code> class. The value of this variable is also
stored as a CSS variable that can be referenced with 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>header_background_ignore_classes</th> <th>header_background_ignore_classes</th>
<td><p>Slide Classes Where Header with <td><p>Slide Classes Where Header with
Background will not be Applied. Defaults to 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> <code>.remark-slide-content</code> class.</p></td>
</tr> </tr>
<tr> <tr>
<code>'Droid Serif'</code>). Defaults to <code>'Droid Serif'</code>). Defaults to
<code>xaringanthemer_font_default("text_font_family")</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 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> style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Font Fallbacks. Defaults to <td><p>Body Text Font Fallbacks. Defaults to
<code>xaringanthemer_font_default("text_font_family_fallback")</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 <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> any argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Body Text Base Font (Total Failure Fallback). Defaults <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 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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>'Yanone Kaffeesatz'</code>). Defaults to <code>'Yanone Kaffeesatz'</code>). Defaults to
<code>xaringanthemer_font_default("header_font_family")</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 <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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<td><p>Header Font Family Fallback. Defaults to <td><p>Header Font Family Fallback. Defaults to
Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this 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 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> or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>xaringanthemer_font_default("code_font_family")</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 <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 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> CSS.</p></td>
</tr> </tr>
<tr> <tr>
<code>.remark-inline</code> class. Accepts CSS <code>.remark-inline</code> class. Accepts CSS
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> <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 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> argument of a style function or in custom CSS.</p></td>
</tr> </tr>
<tr> <tr>
<th>extra_css</th> <th>extra_css</th>
<td><p>A named list of CSS definitions each containing a named list <td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e. of CSS property-value pairs, i.e.
<code><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>
<tr> <tr>
<th>extra_fonts</th> <th>extra_fonts</th>
<p>To use the styles created by this theme function, make sure <p>To use the styles created by this theme function, make sure
that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
header. If you change the name of the output file using the <code>outfile</code> header. If you change the name of the output file using the <code>outfile</code>
argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='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='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> <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span>
</pre><p></div></p> </pre><p></div></p>
<code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/theme_xaringan-1.png Voir le fichier

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

+ 29
- 28
reference/theme_xaringan.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/theme_xaringan_base-1.png Voir le fichier

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

BIN
reference/theme_xaringan_base-2.png Voir le fichier

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

+ 49
- 47
reference/theme_xaringan_base.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 16
- 13
reference/theme_xaringan_get_value.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>




<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span>
<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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

BIN
reference/theme_xaringan_inverse-1.png Voir le fichier

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

+ 30
- 29
reference/theme_xaringan_inverse.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> <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> <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>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top"> <nav id="toc" data-toggle="toc" class="sticky-top">

+ 2
- 2
reference/theme_xaringan_set_defaults.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 2
- 2
reference/xaringanthemer-deprecated.html Voir le fichier

</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>

+ 4
- 14
reference/xaringanthemer-package.html Voir le fichier



<meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" /> <meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" />
<meta property="og:description" content=" <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 property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@grrrck" /> <meta name="twitter:creator" content="@grrrck" />
</button> </button>
<span class="navbar-brand"> <span class="navbar-brand">
<a class="navbar-link" href="../index.html">xaringanthemer</a> <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> </span>
</div> </div>


</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li> <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>
<li class="divider"></li> <li class="divider"></li>
<li> <li>


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





Chargement…
Annuler
Enregistrer