Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/1401519888
Commit: 42da40c62a
gh-pages
| <h3 class="hasAnchor"> | <h3 class="hasAnchor"> | ||||
| <a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> | <a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> | ||||
| <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p> | <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p> | ||||
| <p>In your slide theme, use the <code><type>_font_google</code> argument with the <code><a href="../reference/google_font.html">google_font("<font name>")</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><type>_font_google</code> argument with the <code>google_font("<font name>")</code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p> | |||||
| <ul> | <ul> | ||||
| <li> | <li> | ||||
| <code>text_font_google = google_font("Kelley Slab")</code> and</li> | <code>text_font_google = google_font("Kelley Slab")</code> and</li> | ||||
| <a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3> | <a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3> | ||||
| <p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p> | <p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p> | ||||
| <p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org">fontlibrary.org</a>. In my theme style function, I would use</p> | <p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org">fontlibrary.org</a>. In my theme style function, I would use</p> | ||||
| <pre><code><a href="../reference/style_mono_accent.html">style_mono_accent( | |||||
| <pre><code>style_mono_accent( | |||||
| text_font_family = "GlacialIndifferenceRegular", | text_font_family = "GlacialIndifferenceRegular", | ||||
| text_font_url = "https://fontlibrary.org/face/glacial-indifference" | text_font_url = "https://fontlibrary.org/face/glacial-indifference" | ||||
| )</a></code></pre> | |||||
| )</code></pre> | |||||
| <p>but sysfonts won’t know where to find the TTF font files for this font.</p> | <p>but sysfonts won’t know where to find the TTF font files for this font.</p> | ||||
| <p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p> | <p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p> | ||||
| <p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> | <p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> |
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | green <span class="op">=</span> <span class="st">"#136f63"</span>, | ||||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | ||||
| <span class="op">)</span></code></pre></div> | <span class="op">)</span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | ||||
| <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> |
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | green <span class="op">=</span> <span class="st">"#136f63"</span>, | ||||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | ||||
| <span class="op">)</span></code></pre></div> | <span class="op">)</span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | ||||
| <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> |
| <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li> | <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li> | ||||
| <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li> | <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li> | ||||
| <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | ||||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li> | |||||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code>var(--background-color)</code>.</p></li> | |||||
| <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li> | <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li> | ||||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li> | |||||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li> | |||||
| </ul> | </ul> | ||||
| <div id="bugfixes-and-improvements" class="section level2"> | <div id="bugfixes-and-improvements" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> |
| template-variables: template-variables.html | template-variables: template-variables.html | ||||
| themes: themes.html | themes: themes.html | ||||
| xaringanthemer: xaringanthemer.html | xaringanthemer: xaringanthemer.html | ||||
| last_built: 2021-10-29T04:38Z | |||||
| last_built: 2021-10-30T04:39Z | |||||
| urls: | urls: | ||||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | ||||
| article: https://pkg.garrickadenbuie.com/xaringanthemer//articles | article: https://pkg.garrickadenbuie.com/xaringanthemer//articles |
| <p>A character string with added opacity level as hexadecimal characters.</p> | <p>A character string with added opacity level as hexadecimal characters.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span> | |||||
| <span class='va'>blue_transparent</span> <span class='op'><-</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'><-</span> <span class='st'>"#0e6ba8"</span></span> | |||||
| <span class='r-in'><span class='va'>blue_transparent</span> <span class='op'><-</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> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <tr> | <tr> | ||||
| <th>black</th> | <th>black</th> | ||||
| <td><p>Text or foreground color, e.g. "#222" or | <td><p>Text or foreground color, e.g. "#222" or | ||||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td> | |||||
| <code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white</th> | <th>white</th> | ||||
| <td><p>Text or foreground color or expression, e.g. "#EEE" or | <td><p>Text or foreground color or expression, e.g. "#EEE" or | ||||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td> | |||||
| <code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td> | |||||
| </tr> | </tr> | ||||
| </table> | </table> | ||||
| <p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> | <p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'><-</span> <span class='st'>"#c4d6b0"</span> | |||||
| <span class='va'>contrast_green</span> <span class='op'><-</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'><-</span> <span class='st'>"#381d2a"</span> | |||||
| <span class='va'>contrast_purple</span> <span class='op'><-</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'><-</span> <span class='st'>"#c4d6b0"</span></span> | |||||
| <span class='r-in'><span class='va'>contrast_green</span> <span class='op'><-</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'><-</span> <span class='st'>"#381d2a"</span></span> | |||||
| <span class='r-in'><span class='va'>contrast_purple</span> <span class='op'><-</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> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <p>A <code>"google_font"</code> object.</p> | <p>A <code>"google_font"</code> object.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span> | |||||
| </div><div class='output co'>#> $family | |||||
| #> [1] "Josefin Sans" | |||||
| #> | |||||
| #> $weights | |||||
| #> [1] "400,400i,600i,700" | |||||
| #> | |||||
| #> $languages | |||||
| #> NULL | |||||
| #> | |||||
| #> $url | |||||
| #> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&display=swap" | |||||
| #> | |||||
| #> attr(,"class") | |||||
| #> [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'>#> $family | |||||
| #> [1] "Josefin Sans" | |||||
| #> | |||||
| #> $weights | |||||
| #> NULL | |||||
| #> | |||||
| #> $languages | |||||
| #> [1] "latin-ext,vietnamese" | |||||
| #> | |||||
| #> $url | |||||
| #> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin-ext,vietnamese&display=swap" | |||||
| #> | |||||
| #> attr(,"class") | |||||
| #> [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'>#></span> $family</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "Josefin Sans"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $weights</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "400,400i,600i,700"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $languages</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> NULL</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $url</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&display=swap"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> attr(,"class")</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></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'>#></span> $family</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "Josefin Sans"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $weights</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> NULL</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $languages</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "latin-ext,vietnamese"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> $url</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin-ext,vietnamese&display=swap"</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> attr(,"class")</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "google_font"</span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| hexadecimal format.</p> | hexadecimal format.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span> | |||||
| <span class='va'>blue_light</span> <span class='op'><-</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'><-</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'><-</span> <span class='st'>"#0e6ba8"</span></span> | |||||
| <span class='r-in'><span class='va'>blue_light</span> <span class='op'><-</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'><-</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> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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'><-</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'><-</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'><-</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'><-</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'><-</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> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to | <td><p>Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. | |||||
| <code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>. | |||||
| Modifies the <code>body</code> element. The value of this variable is also stored as | Modifies the <code>body</code> element. The value of this variable is also stored as | ||||
| a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any | |||||
| a CSS variable that can be referenced with <code>var(--text_color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | ||||
| the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a | the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a | ||||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any | |||||
| CSS variable that can be referenced with <code>var(--header-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. | <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. | ||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. | <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to | <td><p>Inverse Header Color. Defaults to | ||||
| <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | ||||
| classes. The value of this variable is also stored as a CSS variable that | classes. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(secondary_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.9)</a></code>. Modifies the | |||||
| Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> | <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_duo</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>,</span> | |||||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | <td><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to | <td><p>Link Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | Modifies the <code>a, a > code</code> elements. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> | |||||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to | <td><p>Bold Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to | <td><p>Inline Code Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | Modifies the <code>.remark-inline-code</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to | <td><p>Inverse Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to | <td><p>Inverse Header Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_text_color</th> | <th>title_slide_text_color</th> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies | |||||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | |||||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | the <code>.title-slide</code> class. The value of this variable is also stored as a | ||||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> | |||||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.8)</a></code>. Modifies the | |||||
| Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_duo_accent</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span> | |||||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | <td><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to | <td><p>Link Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | Modifies the <code>a, a > code</code> elements. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> | |||||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to | <td><p>Bold Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||||
| Modifies the <code>strong</code> element. The value of this variable is also stored | Modifies the <code>strong</code> element. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to | <td><p>Inline Code Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | Modifies the <code>.remark-inline-code</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to | <td><p>Inverse Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to | <td><p>Inverse Header Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_text_color</th> | <th>title_slide_text_color</th> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies | |||||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | |||||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | the <code>.title-slide</code> class. The value of this variable is also stored as a | ||||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> | |||||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to | Defaults to | ||||
| <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</a></code>. | |||||
| <code>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</code>. | |||||
| Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span> | |||||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>css</th> | <th>css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code></p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>outfile</th> | <th>outfile</th> | ||||
| <p>The <code>css</code> input must be a named list of css properties and values within a | <p>The <code>css</code> input must be a named list of css properties and values within a | ||||
| named list of class identifiers, for example | named list of class identifiers, for example | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p> | |||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='fu'>style_extra_css</span><span class='op'>(</span> | |||||
| outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>, | |||||
| css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||||
| <span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>, | |||||
| <span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>, | |||||
| <span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||||
| display <span class='op'>=</span> <span class='st'>"flex"</span>, | |||||
| width <span class='op'>=</span> <span class='st'>"100%"</span>, | |||||
| flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span> | |||||
| <span class='op'>)</span> | |||||
| <span class='op'>)</span> | |||||
| <span class='op'>)</span> | |||||
| </div><div class='output co'>#> | |||||
| #> | |||||
| #> /* Extra CSS */ | |||||
| #> .red { | |||||
| #> color: red; | |||||
| #> } | |||||
| #> .small { | |||||
| #> font-size: 90%; | |||||
| #> } | |||||
| #> .full-width { | |||||
| #> display: flex; | |||||
| #> width: 100%; | |||||
| #> flex: 1 1 auto; | |||||
| #> }</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'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> /* Extra CSS */</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> .red {</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> color: red;</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> .small {</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> font-size: 90%;</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> .full-width {</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> display: flex;</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> width: 100%;</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> flex: 1 1 auto;</span> | |||||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <td><p>Monotone Base Color, works best with a strong color. | <td><p>Monotone Base Color, works best with a strong color. | ||||
| Defaults to #43418A. Used in multiple CSS rules. The value of this | Defaults to #43418A. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #272822. Used in multiple | <td><p>Darkest color used. Defaults to #272822. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | ||||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the | |||||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_mono_accent</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <td><p>Monotone Base Color, works best with a light color. | <td><p>Monotone Base Color, works best with a light color. | ||||
| Defaults to #3C989E. Used in multiple CSS rules. The value of this | Defaults to #3C989E. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value | <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value | ||||
| of this variable is also stored as a CSS variable that can be referenced | of this variable is also stored as a CSS variable that can be referenced | ||||
| with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | ||||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.8)</a></code>. Modifies the | |||||
| Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <td><p>Monotone Base Color, works best with a light color.. | <td><p>Monotone Base Color, works best with a light color.. | ||||
| Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | ||||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the | |||||
| Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_mono_dark</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <td><p>Monotone base color, works best with a strong color. | <td><p>Monotone base color, works best with a strong color. | ||||
| Defaults to #23395b. Used in multiple CSS rules. The value of this | Defaults to #23395b. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | ||||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | the <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | Modifies the <code>.inverse</code> class. The value of this variable is also stored | ||||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||||
| in any argument of a style function or in custom CSS.</p></td> | in any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_subtle_color</th> | <th>left_column_subtle_color</th> | ||||
| <td><p>Left Column Text (not last). Defaults to | <td><p>Left Column Text (not last). Defaults to | ||||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | <code>.left-column h2, .left-column h3</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults | <td><p>Blockquote Left Border Color. Defaults | ||||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. | <td><p>Table Even Row Background Color. | ||||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the | |||||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> | <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_mono_light</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | <td><p>Header Color. Defaults to #dc322f. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #002b36. | <td><p>Slide Background Color. Defaults to #002b36. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | <td><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | <td><p>Bold Text Color. Defaults to #d33682. Modifies the | ||||
| <code>strong</code> element. The value of this variable is also stored as a CSS | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to #268bd240. | <td><p>Code Line Highlight. Defaults to #268bd240. | ||||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to #002b36. Modifies | <td><p>Inverse Text Color. Defaults to #002b36. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to | <td><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | ||||
| classes. The value of this variable is also stored as a CSS variable that | classes. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_solarized_dark</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | <td><p>Header Color. Defaults to #dc322f. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #fdf6e3. | <td><p>Slide Background Color. Defaults to #fdf6e3. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | <td><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | <td><p>Bold Text Color. Defaults to #d33682. Modifies the | ||||
| <code>strong</code> element. The value of this variable is also stored as a CSS | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to #268bd240. | <td><p>Code Line Highlight. Defaults to #268bd240. | ||||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to | <td><p>Inverse Header Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | ||||
| classes. The value of this variable is also stored as a CSS variable that | classes. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family</th> | <th>text_font_family</th> | ||||
| <td><p>Body Text Font Family (xaringan default is | <td><p>Body Text Font Family (xaringan default is | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to | <td><p>Body Text Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||||
| element. Accepts CSS | element. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to | <td><p>Body Text Font URL(s). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||||
| <code>@import url()</code> elements.</p></td> | <code>@import url()</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_family_fallback</th> | <th>text_font_family_fallback</th> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is | <td><p>Header Font Family (xaringan default is | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to | <td><p>Header Font Weight. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements. Accepts CSS | <code>h1, h2, h3</code> elements. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | ||||
| property values.</p></td> | property values.</p></td> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to | <td><p>Header Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||||
| <code>@import url</code> elements.</p></td> | <code>@import url</code> elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to | <td><p>Code Font Family. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to | <td><p>Code Font URL. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||||
| elements.</p></td> | elements.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family_fallback</th> | <th>code_font_family_fallback</th> | ||||
| <td><p>Code Font Fallback. Defaults to | <td><p>Code Font Fallback. Defaults to | ||||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | <code>.remark-code, .remark-inline-code</code> classes.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> | <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='fu'>style_solarized_light</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||||
| <span class='r-in'><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style function or | |||||
| referenced with <code>var(--text_color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #000. Modifies the | <td><p>Header Color. Defaults to #000. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #FFF. Modifies | <td><p>Slide Background Color. Defaults to #FFF. Modifies | ||||
| the <code>.remark-slide-content</code> class. The value of this variable is also | the <code>.remark-slide-content</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | ||||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the | <td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the | ||||
| <code>strong</code> element. The value of this variable is also stored as a CSS | <code>strong</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Code Line Highlight. Defaults to | <td><p>Code Line Highlight. Defaults to | ||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | Modifies the <code>.remark-inline-code</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Background Color. Defaults to | <td><p>Inverse Background Color. Defaults to | ||||
| #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | ||||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | the <code>.inverse</code> class. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Header Color. Defaults to #f3f3f3. | <td><p>Inverse Header Color. Defaults to #f3f3f3. | ||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | ||||
| this variable is also stored as a CSS variable that can be referenced with | this variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | ||||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Text Color. Defaults to | <td><p>Title Slide Text Color. Defaults to | ||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Title Slide Background Color. Defaults | <td><p>Title Slide Background Color. Defaults | ||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | ||||
| value of this variable is also stored as a CSS variable that can be | value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | ||||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | ||||
| is also stored as a CSS variable that can be referenced with | is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| the <code>.remark-slide-content</code> class. Accepts CSS | the <code>.remark-slide-content</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>header_color</code>. Modifies the | Background. Defaults to <code>header_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||||
| custom CSS.</p></td> | custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| Background. Defaults to <code>background_color</code>. Modifies the | Background. Defaults to <code>background_color</code>. Modifies the | ||||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | <code>.remark-slide-content h1</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_ignore_classes</th> | <th>header_background_ignore_classes</th> | ||||
| <td><p>Slide Classes Where Header with | <td><p>Slide Classes Where Header with | ||||
| Background will not be Applied. Defaults to | Background will not be Applied. Defaults to | ||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | <code>.remark-slide-content</code> class.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>'Droid Serif'</code>). Defaults to | <code>'Droid Serif'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Font Fallbacks. Defaults to | <td><p>Body Text Font Fallbacks. Defaults to | ||||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | ||||
| <code>body</code> element. The value of this variable is also stored as a CSS | <code>body</code> element. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||||
| any argument of a style function or in custom CSS.</p></td> | any argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | <td><p>Body Text Base Font (Total Failure Fallback). Defaults | ||||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | to sans-serif. Modifies the <code>body</code> element. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | <code>'Yanone Kaffeesatz'</code>). Defaults to | ||||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Header Font Family Fallback. Defaults to | <td><p>Header Font Family Fallback. Defaults to | ||||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||||
| or in custom CSS.</p></td> | or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | ||||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <code>.remark-inline</code> class. Accepts CSS | <code>.remark-inline</code> class. Accepts CSS | ||||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | ||||
| property values. The value of this variable is also stored as a CSS | property values. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_css</th> | <th>extra_css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>extra_fonts</th> | <th>extra_fonts</th> | ||||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'>#> <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'><-</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'>#></span> <span class='warning'>Warning: </span>Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> | <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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'><-</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'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span> | |||||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span> | |||||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||||
| <span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span> | |||||
| <span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span> | |||||
| <span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||||
| <span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span> | |||||
| <span class='r-in'> <span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span></span> | |||||
| <span class='r-in'><span class='op'>}</span></span> | |||||
| <span class='r-plt img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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'><-</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'><-</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'><-</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'><-</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'><-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span><span class='op'>(</span>binwidth <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'>theme_xaringan_base</span><span class='op'>(</span></span> | |||||
| <span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span></span> | |||||
| <span class='r-in'> background_color <span class='op'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span></span> | |||||
| <span class='r-in'> accent_color <span class='op'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span></span> | |||||
| <span class='r-in'> title_font <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||||
| <span class='r-in'> text_font <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||||
| <span class='r-in'> set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span></span> | |||||
| <span class='r-in'> <span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span></span> | |||||
| <span class='r-in'> title <span class='op'>=</span> <span class='st'>"Highway Fuel Efficiency"</span>,</span> | |||||
| <span class='r-in'> subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,</span> | |||||
| <span class='r-in'> caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span></span> | |||||
| <span class='r-in'> <span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot2</span><span class='op'>)</span></span> | |||||
| <span class='r-in'><span class='op'>}</span></span> | |||||
| <span class='r-plt img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></span> | |||||
| <span class='r-plt img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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'>#> [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'>#> [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'>#> [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'>#> [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'><-</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'>#></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'>#></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'>#></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'>#></span> [1] "#d33682"</span> | |||||
| <span class='r-in'></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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'><-</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'><-</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'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span> | |||||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span> | |||||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||||
| <span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span> | |||||
| <span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span> | |||||
| <span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||||
| <span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span> | |||||
| <span class='r-in'> <span class='op'>)</span></span> | |||||
| <span class='r-in'></span> | |||||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||||
| <span class='r-in'> <span class='co'># themed to match the inverse slides: teal background with dark blue text</span></span> | |||||
| <span class='r-in'> <span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span><span class='op'>)</span></span> | |||||
| <span class='r-in'><span class='op'>}</span></span> | |||||
| <span class='r-plt img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></span> | |||||
| </pre> | |||||
| </div> | </div> | ||||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | ||||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | <nav id="toc" data-toggle="toc" class="sticky-top"> |