| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a> | <a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | <a class="navbar-link" href="index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | <a class="navbar-link" href="index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> | ||||
| <h3 class="hasAnchor"> | <h3 class="hasAnchor"> | ||||
| <a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> | <a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> | ||||
| <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p> | <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p> | ||||
| <p>In your slide theme, use the <code><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> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> | ||||
| <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | ||||
| <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | ||||
| <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | ||||
| <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||||
| <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||||
| <div id="monotone" class="section level3"> | <div id="monotone" class="section level3"> | ||||
| <h3 class="hasAnchor"> | <h3 class="hasAnchor"> | ||||
| <a href="#monotone" class="anchor"></a>Monotone</h3> | <a href="#monotone" class="anchor"></a>Monotone</h3> | ||||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | green <span class="op">=</span> <span class="st">"#136f63"</span>, | ||||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | ||||
| <span class="op">)</span></code></pre></div> | <span class="op">)</span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | ||||
| <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> | ||||
| <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | ||||
| <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | ||||
| <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | ||||
| <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||||
| <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||||
| <div id="monotone" class="section level3"> | <div id="monotone" class="section level3"> | ||||
| <h3 class="hasAnchor"> | <h3 class="hasAnchor"> | ||||
| <a href="#monotone" class="anchor"></a>Monotone</h3> | <a href="#monotone" class="anchor"></a>Monotone</h3> | ||||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | green <span class="op">=</span> <span class="st">"#136f63"</span>, | ||||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | ||||
| <span class="op">)</span></code></pre></div> | <span class="op">)</span></code></pre></div> | ||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||||
| <p>So slide text like this</p> | <p>So slide text like this</p> | ||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | ||||
| <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | <a class="navbar-link" href="index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | <a class="navbar-link" href="index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"> | <li class="divider"> | ||||
| <li> | <li> | ||||
| <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p> | <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p> | ||||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | ||||
| <code class="sourceCode R"><span class="co"># install.packages("remotes")</span> | <code class="sourceCode R"><span class="co"># install.packages("remotes")</span> | ||||
| <span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div> | |||||
| <span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div> | |||||
| </div> | </div> | ||||
| <div id="quick-intro" class="section level2"> | <div id="quick-intro" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> | ||||
| <h2>Dev status</h2> | <h2>Dev status</h2> | ||||
| <ul class="list-unstyled"> | <ul class="list-unstyled"> | ||||
| <li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> | <li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> | ||||
| <li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/CI%20by%20%7Btic%7D/badge.svg?branch=master" alt="CI by {tic}"></a></li> | |||||
| <li><a href="https://gadenbuie.r-universe.dev"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li> | |||||
| <li><a href="https://lifecycle.r-lib.org/articles/stages.html"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></a></li> | |||||
| <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li> | <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li> | ||||
| </ul> | </ul> | ||||
| </div> | </div> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small> | <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small> | ||||
| </div> | </div> | ||||
| <div id="xaringanthemer-041" class="section level1"> | |||||
| <h1 class="page-header" data-toc-text="0.4.1"> | |||||
| <a href="#xaringanthemer-041" class="anchor"></a>xaringanthemer 0.4.1<small> 2021-11-21 </small> | |||||
| </h1> | |||||
| <ul> | |||||
| <li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href='https://github.com/gadenbuie/xaringanthemer/issues/68'>#68</a>).</p></li> | |||||
| <li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href='https://github.com/jdlom'>@jdlom</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/69'>#69</a>)</p></li> | |||||
| <li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href='https://github.com/beatrizmilz'>@beatrizmilz</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/65'>#65</a>).</p></li> | |||||
| </ul> | |||||
| </div> | |||||
| <div id="xaringanthemer-040" class="section level1"> | <div id="xaringanthemer-040" class="section level1"> | ||||
| <h1 class="page-header" data-toc-text="0.4.0"> | <h1 class="page-header" data-toc-text="0.4.0"> | ||||
| <a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small> | <a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small> | ||||
| <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li> | <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li> | ||||
| <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li> | <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li> | ||||
| <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | ||||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li> | |||||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code>var(--background-color)</code>.</p></li> | |||||
| <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li> | <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li> | ||||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li> | |||||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li> | |||||
| </ul> | </ul> | ||||
| <div id="bugfixes-and-improvements" class="section level2"> | <div id="bugfixes-and-improvements" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> |
| template-variables: template-variables.html | template-variables: template-variables.html | ||||
| themes: themes.html | themes: themes.html | ||||
| xaringanthemer: xaringanthemer.html | xaringanthemer: xaringanthemer.html | ||||
| last_built: 2021-10-01T04:37Z | |||||
| last_built: 2021-11-21T19:01Z | |||||
| urls: | urls: | ||||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | ||||
| article: https://pkg.garrickadenbuie.com/xaringanthemer//articles | article: https://pkg.garrickadenbuie.com/xaringanthemer//articles |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <p>A character string with added opacity level as hexadecimal characters.</p> | <p>A character string with added opacity level as hexadecimal characters.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</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> | |||||
| </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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <tr> | <tr> | ||||
| <th>black</th> | <th>black</th> | ||||
| <td><p>Text or foreground color, e.g. "#222" or | <td><p>Text or foreground color, e.g. "#222" or | ||||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td> | |||||
| <code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white</th> | <th>white</th> | ||||
| <td><p>Text or foreground color or expression, e.g. "#EEE" or | <td><p>Text or foreground color or expression, e.g. "#EEE" or | ||||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td> | |||||
| <code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td> | |||||
| </tr> | </tr> | ||||
| </table> | </table> | ||||
| <p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> | <p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'><-</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> | |||||
| </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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <p>A <code>"google_font"</code> object.</p> | <p>A <code>"google_font"</code> object.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span> | |||||
| </div><div class='output co'>#> $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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| hexadecimal format.</p> | hexadecimal format.</p> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</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> | |||||
| </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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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> | |||||
| </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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to | <td><p>Text Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. | |||||
| <code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>. | |||||
| Modifies the <code>body</code> element. The value of this variable is also stored as | Modifies the <code>body</code> element. The value of this variable is also stored as | ||||
| a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any | |||||
| a CSS variable that can be referenced with <code>var(--text_color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | ||||
| the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a | the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a | ||||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any | |||||
| CSS variable that can be referenced with <code>var(--header-color)</code> in any | |||||
| argument of a style function or in custom CSS.</p></td> | argument of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> | <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | <td><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to | <td><p>Link Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||||
| Modifies the <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||||
| a style function or in custom CSS.</p></td> | a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | <td><p>Darkest color used. Defaults to #000000. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to | <td><p>Link Color. Defaults to | ||||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||||
| Modifies the <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>css</th> | <th>css</th> | ||||
| <td><p>A named list of CSS definitions each containing a named list | <td><p>A named list of CSS definitions each containing a named list | ||||
| of CSS property-value pairs, i.e. | of CSS property-value pairs, i.e. | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code></p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>outfile</th> | <th>outfile</th> | ||||
| <p>The <code>css</code> input must be a named list of css properties and values within a | <p>The <code>css</code> input must be a named list of css properties and values within a | ||||
| named list of class identifiers, for example | named list of class identifiers, for example | ||||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p> | |||||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p> | |||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='fu'>style_extra_css</span><span class='op'>(</span> | |||||
| outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>, | |||||
| css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||||
| <span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>, | |||||
| <span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>, | |||||
| <span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||||
| display <span class='op'>=</span> <span class='st'>"flex"</span>, | |||||
| width <span class='op'>=</span> <span class='st'>"100%"</span>, | |||||
| flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span> | |||||
| <span class='op'>)</span> | |||||
| <span class='op'>)</span> | |||||
| <span class='op'>)</span> | |||||
| </div><div class='output co'>#> | |||||
| #> | |||||
| #> /* 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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <td><p>Monotone Base Color, works best with a strong color. | <td><p>Monotone Base Color, works best with a strong color. | ||||
| Defaults to #43418A. Used in multiple CSS rules. The value of this | Defaults to #43418A. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | <td><p>Brightest color used. Defaults to #FFFFFF. Used in | ||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #272822. Used in multiple | <td><p>Darkest color used. Defaults to #272822. Used in multiple | ||||
| CSS rules. The value of this variable is also stored as a CSS variable | CSS rules. The value of this variable is also stored as a CSS variable | ||||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <td><p>Monotone Base Color, works best with a light color. | <td><p>Monotone Base Color, works best with a light color. | ||||
| Defaults to #3C989E. Used in multiple CSS rules. The value of this | Defaults to #3C989E. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value | <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value | ||||
| of this variable is also stored as a CSS variable that can be referenced | of this variable is also stored as a CSS variable that can be referenced | ||||
| with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <td><p>Monotone Base Color, works best with a light color.. | <td><p>Monotone Base Color, works best with a light color.. | ||||
| Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | <td><p>Slide Background Color. Defaults to <code>black_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <td><p>Monotone base color, works best with a strong color. | <td><p>Monotone base color, works best with a strong color. | ||||
| Defaults to #23395b. Used in multiple CSS rules. The value of this | Defaults to #23395b. Used in multiple CSS rules. The value of this | ||||
| variable is also stored as a CSS variable that can be referenced with | variable is also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used, default is a very light version of | <td><p>Brightest color used, default is a very light version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used, default is a very dark, version of | <td><p>Darkest color used, default is a very dark, version of | ||||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Used in | |||||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in | |||||
| multiple CSS rules. The value of this variable is also stored as a CSS | multiple CSS rules. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||||
| style function or in custom CSS.</p></td> | style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | <td><p>Slide Background Color. Defaults to <code>white_color</code>. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> | <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | <td><p>Header Color. Defaults to #dc322f. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #002b36. | <td><p>Slide Background Color. Defaults to #002b36. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | <td><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | ||||
| element. The value of this variable is also stored as a CSS variable that | element. The value of this variable is also stored as a CSS variable that | ||||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||||
| function or in custom CSS.</p></td> | function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | <td><p>Header Color. Defaults to #dc322f. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #fdf6e3. | <td><p>Slide Background Color. Defaults to #fdf6e3. | ||||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | Modifies the <code>.remark-slide-content</code> class. The value of this variable is | ||||
| also stored as a CSS variable that can be referenced with | also stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | <td><p>Link Color. Defaults to #b58900. Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> | <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | ||||
| The value of this variable is also stored as a CSS variable that can be | The value of this variable is also stored as a CSS variable that can be | ||||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style function or | |||||
| referenced with <code>var(--text_color)</code> in any argument of a style function or | |||||
| in custom CSS.</p></td> | in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #000. Modifies the | <td><p>Header Color. Defaults to #000. Modifies the | ||||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | ||||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||||
| of a style function or in custom CSS.</p></td> | of a style function or in custom CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <td><p>Slide Background Color. Defaults to #FFF. Modifies | <td><p>Slide Background Color. Defaults to #FFF. Modifies | ||||
| the <code>.remark-slide-content</code> class. The value of this variable is also | the <code>.remark-slide-content</code> class. The value of this variable is also | ||||
| stored as a CSS variable that can be referenced with | stored as a CSS variable that can be referenced with | ||||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||||
| CSS.</p></td> | CSS.</p></td> | ||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | ||||
| <code>a, a > 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> | ||||
| <p>To use the styles created by this theme function, make sure | <p>To use the styles created by this theme function, make sure | ||||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | ||||
| header. If you change the name of the output file using the <code>outfile</code> | header. If you change the name of the output file using the <code>outfile</code> | ||||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | ||||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | ||||
| </pre><p></div></p> | </pre><p></div></p> | ||||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> | <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span> | |||||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</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> | |||||
| </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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | ||||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | ||||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||||
| <span class='va'>has_ggplot2</span> <span class='op'><-</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"> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> |
| <meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" /> | <meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" /> | ||||
| <meta property="og:description" content=" | <meta property="og:description" content=" | ||||
| Create beautifully color-coordinated and customized | |||||
| themes for your 'xaringan' slides, without writing any CSS. Complete | |||||
| your slide theme with 'ggplot2' themes that match the font and colors | |||||
| used in your slides. Customized styles can be created directly in | |||||
| your slides' 'R Markdown' source file or in a separate external | |||||
| script." /> | |||||
| Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script." /> | |||||
| <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" /> | <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" /> | ||||
| <meta name="twitter:card" content="summary" /> | <meta name="twitter:card" content="summary" /> | ||||
| <meta name="twitter:creator" content="@grrrck" /> | <meta name="twitter:creator" content="@grrrck" /> | ||||
| </button> | </button> | ||||
| <span class="navbar-brand"> | <span class="navbar-brand"> | ||||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | <a class="navbar-link" href="../index.html">xaringanthemer</a> | ||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||||
| <li> | <li> | ||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||||
| </li> | </li> | ||||
| <li class="divider"></li> | <li class="divider"></li> | ||||
| <li> | <li> | ||||
| <div class="ref-description"> | <div class="ref-description"> | ||||
| <p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p> | <p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p> | ||||
| <p>Create beautifully color-coordinated and customized | |||||
| themes for your 'xaringan' slides, without writing any CSS. Complete | |||||
| your slide theme with 'ggplot2' themes that match the font and colors | |||||
| used in your slides. Customized styles can be created directly in | |||||
| your slides' 'R Markdown' source file or in a separate external | |||||
| script.</p> | |||||
| <p>Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script.</p> | |||||
| </div> | </div> | ||||