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

Deploy from Github Actions build 1401519888 [ci skip]

Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/1401519888
Commit: 42da40c62a
gh-pages
Garrick Aden-Buie 4 лет назад
Родитель
Сommit
f053e22143
25 измененных файлов: 830 добавлений и 814 удалений
  1. +3
    -3
      dev/articles/ggplot2-themes.html
  2. +1
    -1
      dev/articles/themes.html
  3. +1
    -1
      dev/articles/xaringanthemer.html
  4. +2
    -2
      dev/news/index.html
  5. +1
    -1
      dev/pkgdown.yml
  6. +9
    -8
      dev/reference/apply_alpha.html
  7. +13
    -12
      dev/reference/choose_dark_or_light.html
  8. +31
    -29
      dev/reference/google_font.html
  9. +10
    -9
      dev/reference/lighten_darken_color.html
  10. +48
    -47
      dev/reference/scale_xaringan.html
  11. +58
    -58
      dev/reference/style_duo.html
  12. +65
    -65
      dev/reference/style_duo_accent.html
  13. +65
    -65
      dev/reference/style_duo_accent_inverse.html
  14. +29
    -28
      dev/reference/style_extra_css.html
  15. +57
    -57
      dev/reference/style_mono_accent.html
  16. +58
    -58
      dev/reference/style_mono_accent_inverse.html
  17. +59
    -59
      dev/reference/style_mono_dark.html
  18. +59
    -59
      dev/reference/style_mono_light.html
  19. +50
    -50
      dev/reference/style_solarized_dark.html
  20. +50
    -50
      dev/reference/style_solarized_light.html
  21. +44
    -43
      dev/reference/style_xaringan.html
  22. +27
    -26
      dev/reference/theme_xaringan.html
  23. +47
    -45
      dev/reference/theme_xaringan_base.html
  24. +15
    -11
      dev/reference/theme_xaringan_get_value.html
  25. +28
    -27
      dev/reference/theme_xaringan_inverse.html

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

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

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

@@ -256,7 +256,7 @@
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p>
<p>So slide text like this</p>
<div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>

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

@@ -424,7 +424,7 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke
green <span class="op">=</span> <span class="st">"#136f63"</span>,
white <span class="op">=</span> <span class="st">"#FFFFFF"</span>
<span class="op">)</span></code></pre></div>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p>
<p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p>
<p>So slide text like this</p>
<div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span>
<span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div>

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

@@ -221,9 +221,9 @@
<li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
<li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
<li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
<li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li>
<li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code>var(--background-color)</code>.</p></li>
<li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li>
<li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li>
<li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li>
</ul>
<div id="bugfixes-and-improvements" class="section level2">
<h2 class="hasAnchor">

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

@@ -7,7 +7,7 @@ articles:
template-variables: template-variables.html
themes: themes.html
xaringanthemer: xaringanthemer.html
last_built: 2021-10-29T04:38Z
last_built: 2021-10-30T04:39Z
urls:
reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

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

@@ -202,14 +202,15 @@ and appending to the hex color.</p>
<p>A character string with added opacity level as hexadecimal characters.</p>

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

<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><span class='va'>blue_transparent</span> <span class='op'>&lt;-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></span>
<span class='r-in'></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -194,12 +194,12 @@ best contrast. Follows W3C Recommendations.</p>
<tr>
<th>black</th>
<td><p>Text or foreground color, e.g. "#222" or
<code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td>
<code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td>
</tr>
<tr>
<th>white</th>
<td><p>Text or foreground color or expression, e.g. "#EEE" or
<code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td>
<code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td>
</tr>
</table>

@@ -212,16 +212,17 @@ the greates contrast with the input color.</p>
<p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
<span class='va'>contrast_green</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span>
<span class='va'>dark_purple</span> <span class='op'>&lt;-</span> <span class='st'>"#381d2a"</span>
<span class='va'>contrast_purple</span> <span class='op'>&lt;-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span>

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

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

@@ -207,35 +207,37 @@ more of the language codes as given by <code><a href='google_language_codes.html
<p>A <code>"google_font"</code> object.</p>

<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
<pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; [1] "400,400i,600i,700"
#&gt;
#&gt; $languages
#&gt; NULL
#&gt;
#&gt; $url
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span>
</div><div class='output co'>#&gt; $family
#&gt; [1] "Josefin Sans"
#&gt;
#&gt; $weights
#&gt; NULL
#&gt;
#&gt; $languages
#&gt; [1] "latin-ext,vietnamese"
#&gt;
#&gt; $url
#&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"
#&gt;
#&gt; attr(,"class")
#&gt; [1] "google_font"</div></pre>
<pre class="examples"><span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "400,400i,600i,700"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
<span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $family</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "Josefin Sans"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $weights</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> NULL</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $languages</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "latin-ext,vietnamese"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> $url</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> </span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> attr(,"class")</span>
<span class='r-out co'><span class='r-pr'>#&gt;</span> [1] "google_font"</span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -203,15 +203,16 @@ where 0 is entirely the original color and 1 is entirely white
hexadecimal format.</p>

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

<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
<span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span>
<span class='op'>}</span>
</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
</div></pre>
<pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'>&lt;-</span> <span class='st'>"#0e6ba8"</span></span>
<span class='r-in'><span class='va'>blue_light</span> <span class='op'>&lt;-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span>
<span class='r-in'><span class='va'>blue_dark</span> <span class='op'>&lt;-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span>
<span class='r-in'></span>
<span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span>
<span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span></span>
<span class='r-in'><span class='op'>}</span></span>
<span class='r-plt img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></span>
<span class='r-in'></span>
</pre>
</div>
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
<nav id="toc" data-toggle="toc" class="sticky-top">

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

@@ -289,53 +289,54 @@ value of <code>inverse_header_color</code></p></td>


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -196,7 +196,7 @@ and appends CSS rules to <code>outfile</code>.</p>
<th>css</th>
<td><p>A named list of CSS definitions each containing a named list
of CSS property-value pairs, i.e.
<code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
<code>list(".class-id" = list("css-property" = "value"))</code></p></td>
</tr>
<tr>
<th>outfile</th>
@@ -219,35 +219,36 @@ it will overwrite the contents of <code>outfile</code>.</p></td>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -290,32 +290,33 @@ package is installed.</p></td>
<code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div>

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

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

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

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

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

@@ -297,51 +297,53 @@ package is installed.</p></td>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

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

<span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span>
<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span>

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

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

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

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

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

@@ -275,17 +275,21 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi


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

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

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

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

@@ -290,33 +290,34 @@ package is installed.</p></td>
<code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

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

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

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

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

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