Build URL: https://travis-ci.com/gadenbuie/xaringanthemer/builds/150957469
Commit: 9cefeb51d2
gh-pages
| <h1>License</h1> | <h1>License</h1> | ||||
| </div> | </div> | ||||
| <pre>YEAR: 2018 | |||||
| <pre>YEAR: 2020 | |||||
| COPYRIGHT HOLDER: Garrick Aden-Buie | COPYRIGHT HOLDER: Garrick Aden-Buie | ||||
| </pre> | </pre> | ||||
| <li><code>title_slide_background_position</code></li> | <li><code>title_slide_background_position</code></li> | ||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| <div id="adding-custom-css" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2> | |||||
| <p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> | |||||
| <div class="sourceCode" id="cb13"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb13-1" data-line-number="1">extra_css <-<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="st">".red"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="dt">color =</span> <span class="st">"red"</span>),</a> | |||||
| <a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a> | |||||
| <a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb13-5" data-line-number="5"> <span class="dt">display =</span> <span class="st">"flex"</span>,</a> | |||||
| <a class="sourceLine" id="cb13-6" data-line-number="6"> <span class="dt">width =</span> <span class="st">"100%"</span>,</a> | |||||
| <a class="sourceLine" id="cb13-7" data-line-number="7"> <span class="dt">flex =</span> <span class="st">"1 1 auto"</span></a> | |||||
| <a class="sourceLine" id="cb13-8" data-line-number="8"> )</a> | |||||
| <a class="sourceLine" id="cb13-9" data-line-number="9">)</a></code></pre></div> | |||||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||||
| <div class="sourceCode" id="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="kw"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb15"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb15-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a> | |||||
| <a class="sourceLine" id="cb15-2" data-line-number="2"><span class="fu">.red</span> {</a> | |||||
| <a class="sourceLine" id="cb15-3" data-line-number="3"> <span class="kw">color</span>: <span class="dv">red</span>;</a> | |||||
| <a class="sourceLine" id="cb15-4" data-line-number="4">}</a> | |||||
| <a class="sourceLine" id="cb15-5" data-line-number="5"><span class="fu">.small</span> {</a> | |||||
| <a class="sourceLine" id="cb15-6" data-line-number="6"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a> | |||||
| <a class="sourceLine" id="cb15-7" data-line-number="7">}</a> | |||||
| <a class="sourceLine" id="cb15-8" data-line-number="8"><span class="fu">.full-width</span> {</a> | |||||
| <a class="sourceLine" id="cb15-9" data-line-number="9"> <span class="kw">display</span>: flex;</a> | |||||
| <a class="sourceLine" id="cb15-10" data-line-number="10"> <span class="kw">width</span>: <span class="dv">100%</span>;</a> | |||||
| <a class="sourceLine" id="cb15-11" data-line-number="11"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a> | |||||
| <a class="sourceLine" id="cb15-12" data-line-number="12">}</a></code></pre></div> | |||||
| <p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could color text red <code>.red[like this]</code> or write <code>.small[in smaller font size]</code>.</p> | |||||
| </div> | |||||
| <div id="fonts" class="section level2"> | <div id="fonts" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> | ||||
| <a href="#fonts" class="anchor"></a>Fonts</h2> | <a href="#fonts" class="anchor"></a>Fonts</h2> | ||||
| <p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p> | <p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p> | ||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p> | <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p> | ||||
| <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. See <code><a href="../reference/google_font.html">?google_font</a></code> for more info.</p> | <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="../reference/google_font.html">google_font()</a></code> helper. See <code><a href="../reference/google_font.html">?google_font</a></code> for more info.</p> | ||||
| <div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb16-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a> | |||||
| <a class="sourceLine" id="cb16-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a> | |||||
| <a class="sourceLine" id="cb16-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a> | |||||
| <a class="sourceLine" id="cb16-5" data-line-number="5">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb13"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb13-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a> | |||||
| <a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a> | |||||
| <a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a> | |||||
| <a class="sourceLine" id="cb13-5" data-line-number="5">)</a></code></pre></div> | |||||
| <p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p> | <p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p> | ||||
| <p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p> | <p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p> | ||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="kw"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a> | |||||
| <a class="sourceLine" id="cb17-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a> | |||||
| <a class="sourceLine" id="cb17-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a> | |||||
| <a class="sourceLine" id="cb17-4" data-line-number="4">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="kw"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a> | |||||
| <a class="sourceLine" id="cb14-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a> | |||||
| <a class="sourceLine" id="cb14-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a> | |||||
| <a class="sourceLine" id="cb14-4" data-line-number="4">)</a></code></pre></div> | |||||
| <p>If you need to import additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, you can use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s.</p> | <p>If you need to import additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, you can use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="../reference/google_font.html">google_font()</a></code>s.</p> | ||||
| <div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a> | |||||
| <a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a> | |||||
| <a class="sourceLine" id="cb18-4" data-line-number="4">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb15"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb15-1" data-line-number="1"><span class="kw"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb15-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a> | |||||
| <a class="sourceLine" id="cb15-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a> | |||||
| <a class="sourceLine" id="cb15-4" data-line-number="4">)</a></code></pre></div> | |||||
| </div> | |||||
| <div id="colors" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#colors" class="anchor"></a>Colors</h2> | |||||
| <p>When designing your xaringan theme, you may have additional colors in your desired color palette beyond those used in the accent colors of the mono and duotone styles.</p> | |||||
| <p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define a additional colors to use in your slides. This argument takes a vector of named colors</p> | |||||
| <div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1">colors =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/c.html">c</a></span>(</a> | |||||
| <a class="sourceLine" id="cb16-2" data-line-number="2"> <span class="dt">red =</span> <span class="st">"#f34213"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-3" data-line-number="3"> <span class="dt">purple =</span> <span class="st">"#3e2f5b"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-4" data-line-number="4"> <span class="dt">orange =</span> <span class="st">"#ff8811"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-5" data-line-number="5"> <span class="dt">green =</span> <span class="st">"#136f63"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-6" data-line-number="6"> <span class="dt">white =</span> <span class="st">"#FFFFFF"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-7" data-line-number="7">)</a></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>So slide text like this</p> | |||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb17-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a> | |||||
| <a class="sourceLine" id="cb17-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div> | |||||
| <p>will be rendered in HTML as</p> | |||||
| <blockquote> | |||||
| This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>. | |||||
| </blockquote> | |||||
| <p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p> | |||||
| </div> | |||||
| <div id="adding-custom-css" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2> | |||||
| <p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> | |||||
| <div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1">extra_css <-<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a> | |||||
| <a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb18-4" data-line-number="4"> <span class="dt">display =</span> <span class="st">"flex"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-5" data-line-number="5"> <span class="dt">width =</span> <span class="st">"100%"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-6" data-line-number="6"> <span class="dt">flex =</span> <span class="st">"1 1 auto"</span></a> | |||||
| <a class="sourceLine" id="cb18-7" data-line-number="7"> )</a> | |||||
| <a class="sourceLine" id="cb18-8" data-line-number="8">)</a></code></pre></div> | |||||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb19-1" data-line-number="1"><span class="kw"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb20"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb20-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a> | |||||
| <a class="sourceLine" id="cb20-2" data-line-number="2"><span class="fu">.small</span> {</a> | |||||
| <a class="sourceLine" id="cb20-3" data-line-number="3"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a> | |||||
| <a class="sourceLine" id="cb20-4" data-line-number="4">}</a> | |||||
| <a class="sourceLine" id="cb20-5" data-line-number="5"><span class="fu">.full-width</span> {</a> | |||||
| <a class="sourceLine" id="cb20-6" data-line-number="6"> <span class="kw">display</span>: flex;</a> | |||||
| <a class="sourceLine" id="cb20-7" data-line-number="7"> <span class="kw">width</span>: <span class="dv">100%</span>;</a> | |||||
| <a class="sourceLine" id="cb20-8" data-line-number="8"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a> | |||||
| <a class="sourceLine" id="cb20-9" data-line-number="9">}</a></code></pre></div> | |||||
| <p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could add slide text <code>.small[in smaller font size]</code>.</p> | |||||
| <hr> | <hr> | ||||
| <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p> | <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p> | ||||
| <p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p> | <p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p> | ||||
| <li><a href="#quick-intro">Quick Intro</a></li> | <li><a href="#quick-intro">Quick Intro</a></li> | ||||
| <li><a href="#themes">Themes</a></li> | <li><a href="#themes">Themes</a></li> | ||||
| <li><a href="#theme-settings">Theme Settings</a></li> | <li><a href="#theme-settings">Theme Settings</a></li> | ||||
| <li><a href="#adding-custom-css">Adding Custom CSS</a></li> | |||||
| <li><a href="#fonts">Fonts</a></li> | <li><a href="#fonts">Fonts</a></li> | ||||
| <li><a href="#colors">Colors</a></li> | |||||
| <li><a href="#adding-custom-css">Adding Custom CSS</a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </div> | </div> |
| </ul> | </ul> | ||||
| </li> | </li> | ||||
| <li><a href="#theme-settings">Theme Settings</a></li> | <li><a href="#theme-settings">Theme Settings</a></li> | ||||
| <li><a href="#adding-custom-css">Adding Custom CSS</a></li> | |||||
| <li><a href="#colors">Colors</a></li> | |||||
| <li><a href="#fonts">Fonts</a></li> | <li><a href="#fonts">Fonts</a></li> | ||||
| <li><a href="#adding-custom-css">Adding Custom CSS</a></li> | |||||
| </ul> | </ul> | ||||
| <div id="installation" class="section level2"> | <div id="installation" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> | ||||
| <div id="theme-settings" class="section level2"> | <div id="theme-settings" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> | ||||
| <a href="#theme-settings" class="anchor"></a>Theme Settings</h2> | <a href="#theme-settings" class="anchor"></a>Theme Settings</h2> | ||||
| <p>The theme functions listed above are just wrappers around the central function of this package, <code><a href="reference/style_xaringan.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p> | |||||
| <p>The theme functions listed above are wrappers around the central function of this package, <code><a href="reference/style_xaringan.html">style_xaringan()</a></code>. If you want to start from the default <strong>xaringan</strong> theme and make a few modifications, start there.</p> | |||||
| <p>All of the <a href="vignettes/template-variables.html">theme template variables</a> are repeated in each of the theme functions (instead of relying on <code>...</code>) so that you can use autocompletion to find and change the defaults for any theme function. To override the default value of any theme functions, set the appropriate argument in the theme function. A table of all template variables is included in <a href="vignettes/template-variables.html"><code><a href="articles/template-variables.html">vignette("template-variables", "xaringanthemer")</a></code></a>.</p> | <p>All of the <a href="vignettes/template-variables.html">theme template variables</a> are repeated in each of the theme functions (instead of relying on <code>...</code>) so that you can use autocompletion to find and change the defaults for any theme function. To override the default value of any theme functions, set the appropriate argument in the theme function. A table of all template variables is included in <a href="vignettes/template-variables.html"><code><a href="articles/template-variables.html">vignette("template-variables", "xaringanthemer")</a></code></a>.</p> | ||||
| <p>As an example, try loading <code>xaringanthemer</code>, type out <code>duo_theme(</code> and then press <kbd>Tab</kbd> to see all of the theme options.</p> | |||||
| <p>All of the theme options are named so that you first think of the element you want to change, then the property of that element.</p> | |||||
| <p>As an example, try typing out <code>style_duo_accent(</code> and then press <kbd>Tab</kbd> to see all of the theme options.</p> | |||||
| <p>The arguments of each theme function are named so that you can first think of the element you want to change, then the property of that element.</p> | |||||
| <p>Here are some of the <code>text_</code> theme options:</p> | <p>Here are some of the <code>text_</code> theme options:</p> | ||||
| <ul> | <ul> | ||||
| <li><code>text_color</code></li> | <li><code>text_color</code></li> | ||||
| <li><code>title_slide_background_position</code></li> | <li><code>title_slide_background_position</code></li> | ||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| <div id="adding-custom-css" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2> | |||||
| <p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> | |||||
| <div class="sourceCode" id="cb15"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb15-1" data-line-number="1">extra_css <-<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb15-2" data-line-number="2"> <span class="st">".red"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="dt">color =</span> <span class="st">"red"</span>),</a> | |||||
| <a class="sourceLine" id="cb15-3" data-line-number="3"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a> | |||||
| <a class="sourceLine" id="cb15-4" data-line-number="4"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb15-5" data-line-number="5"> <span class="dt">display =</span> <span class="st">"flex"</span>,</a> | |||||
| <a class="sourceLine" id="cb15-6" data-line-number="6"> <span class="dt">width =</span> <span class="st">"100%"</span>,</a> | |||||
| <a class="sourceLine" id="cb15-7" data-line-number="7"> <span class="dt">flex =</span> <span class="st">"1 1 auto"</span></a> | |||||
| <a class="sourceLine" id="cb15-8" data-line-number="8"> )</a> | |||||
| <a class="sourceLine" id="cb15-9" data-line-number="9">)</a></code></pre></div> | |||||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||||
| <div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw"><a href="reference/style_extra_css.html">style_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a> | |||||
| <a class="sourceLine" id="cb17-2" data-line-number="2"><span class="fu">.red</span> {</a> | |||||
| <a class="sourceLine" id="cb17-3" data-line-number="3"> <span class="kw">color</span>: <span class="dv">red</span>;</a> | |||||
| <a class="sourceLine" id="cb17-4" data-line-number="4">}</a> | |||||
| <a class="sourceLine" id="cb17-5" data-line-number="5"><span class="fu">.small</span> {</a> | |||||
| <a class="sourceLine" id="cb17-6" data-line-number="6"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a> | |||||
| <a class="sourceLine" id="cb17-7" data-line-number="7">}</a> | |||||
| <a class="sourceLine" id="cb17-8" data-line-number="8"><span class="fu">.full-width</span> {</a> | |||||
| <a class="sourceLine" id="cb17-9" data-line-number="9"> <span class="kw">display</span>: flex;</a> | |||||
| <a class="sourceLine" id="cb17-10" data-line-number="10"> <span class="kw">width</span>: <span class="dv">100%</span>;</a> | |||||
| <a class="sourceLine" id="cb17-11" data-line-number="11"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a> | |||||
| <a class="sourceLine" id="cb17-12" data-line-number="12">}</a></code></pre></div> | |||||
| <p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could color text red <code>.red[like this]</code> or write <code>.small[in smaller font size]</code>.</p> | |||||
| </div> | |||||
| <div id="fonts" class="section level2"> | <div id="fonts" class="section level2"> | ||||
| <h2 class="hasAnchor"> | <h2 class="hasAnchor"> | ||||
| <a href="#fonts" class="anchor"></a>Fonts</h2> | <a href="#fonts" class="anchor"></a>Fonts</h2> | ||||
| <p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p> | <p>Yihui picked out great fonts for the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, but sometimes you want something new and interesting.</p> | ||||
| <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p> | <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (well, as long as you have an internet connection) or to fully specify your font files.</p> | ||||
| <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="reference/google_font.html">google_font()</a></code> helper. See <code><a href="reference/google_font.html">?google_font</a></code> for more info.</p> | <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>_font_google</code> theme arguments – <code>text_font_google</code>, <code>header_font_google</code>, <code>code_font_google</code> — using the <code><a href="reference/google_font.html">google_font()</a></code> helper. See <code><a href="reference/google_font.html">?google_font</a></code> for more info.</p> | ||||
| <div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1"><span class="kw"><a href="reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a> | |||||
| <a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a> | |||||
| <a class="sourceLine" id="cb18-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a> | |||||
| <a class="sourceLine" id="cb18-5" data-line-number="5">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb15"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb15-1" data-line-number="1"><span class="kw"><a href="reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb15-2" data-line-number="2"> <span class="dt">header_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),</a> | |||||
| <a class="sourceLine" id="cb15-3" data-line-number="3"> <span class="dt">text_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Work Sans"</span>, <span class="st">"300"</span>, <span class="st">"300i"</span>),</a> | |||||
| <a class="sourceLine" id="cb15-4" data-line-number="4"> <span class="dt">code_font_google =</span> <span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)</a> | |||||
| <a class="sourceLine" id="cb15-5" data-line-number="5">)</a></code></pre></div> | |||||
| <p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p> | <p>If you set an <code>xxx_font_google</code> theme arguments, then <code>xxx_font_family</code>, <code>xxx_font_weight</code> and <code>xxx_font_url</code> are overwritten – where <code>xxx</code> in <code>{header, text, code}</code>. Of course, you can manually set <code>header_font_url</code>, etc., and ignore the <code>header_font_google</code> argument.</p> | ||||
| <p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p> | <p>For example, suppose you want to use a ligature font for the code font, such as <a href="https://github.com/yihui/xaringan/issues/83">Fira Code</a>. Just set <code>code_font_family</code> and <code>code_font_url</code>!</p> | ||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb19-1" data-line-number="1"><span class="kw"><a href="reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a> | |||||
| <a class="sourceLine" id="cb19-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a> | |||||
| <a class="sourceLine" id="cb19-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a> | |||||
| <a class="sourceLine" id="cb19-4" data-line-number="4">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" data-line-number="1"><span class="kw"><a href="reference/style_solarized_dark.html">style_solarized_dark</a></span>(</a> | |||||
| <a class="sourceLine" id="cb16-2" data-line-number="2"> <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a> | |||||
| <a class="sourceLine" id="cb16-3" data-line-number="3"> <span class="dt">code_font_url =</span> <span class="st">"https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css"</span></a> | |||||
| <a class="sourceLine" id="cb16-4" data-line-number="4">)</a></code></pre></div> | |||||
| <p>If you need to import additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, you can use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="reference/google_font.html">google_font()</a></code>s.</p> | <p>If you need to import additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, you can use the <code>extra_fonts</code> argument to pass a list of URLs or <code><a href="reference/google_font.html">google_font()</a></code>s.</p> | ||||
| <div class="sourceCode" id="cb20"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb20-1" data-line-number="1"><span class="kw"><a href="reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb20-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a> | |||||
| <a class="sourceLine" id="cb20-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a> | |||||
| <a class="sourceLine" id="cb20-4" data-line-number="4">)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="kw"><a href="reference/style_mono_light.html">style_mono_light</a></span>(</a> | |||||
| <a class="sourceLine" id="cb17-2" data-line-number="2"> <span class="dt">extra_fonts =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw"><a href="reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a> | |||||
| <a class="sourceLine" id="cb17-3" data-line-number="3"> <span class="dt">extra_css =</span> <span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a> | |||||
| <a class="sourceLine" id="cb17-4" data-line-number="4">)</a></code></pre></div> | |||||
| </div> | |||||
| <div id="colors" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#colors" class="anchor"></a>Colors</h2> | |||||
| <p>When designing your xaringan theme, you may have additional colors in your desired color palette beyond those used in the accent colors of the mono and duotone styles.</p> | |||||
| <p>The <code>style*()</code> functions in xaringanthemer include a <code>colors</code> argument that lets you quickly define a additional colors to use in your slides. This argument takes a vector of named colors</p> | |||||
| <div class="sourceCode" id="cb18"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb18-1" data-line-number="1">colors =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/c.html">c</a></span>(</a> | |||||
| <a class="sourceLine" id="cb18-2" data-line-number="2"> <span class="dt">red =</span> <span class="st">"#f34213"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="dt">purple =</span> <span class="st">"#3e2f5b"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-4" data-line-number="4"> <span class="dt">orange =</span> <span class="st">"#ff8811"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-5" data-line-number="5"> <span class="dt">green =</span> <span class="st">"#136f63"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-6" data-line-number="6"> <span class="dt">white =</span> <span class="st">"#FFFFFF"</span>,</a> | |||||
| <a class="sourceLine" id="cb18-7" data-line-number="7">)</a></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>So slide text like this</p> | |||||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb19-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a> | |||||
| <a class="sourceLine" id="cb19-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div> | |||||
| <p>will be rendered in HTML as</p> | |||||
| <blockquote> | |||||
| This <strong><span style="color: #f34213">simple</span></strong> | |||||
| <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> | |||||
| <em style="color:#ff8811">shows</em> the colors | |||||
| <span style="color:#136f63">in action</span>. | |||||
| </blockquote> | |||||
| <p>Note that the color names in <code>colors</code> need to be valid CSS names, so <code>"purple-light"</code> will work, but <code>"purple light"</code> will not.</p> | |||||
| </div> | |||||
| <div id="adding-custom-css" class="section level2"> | |||||
| <h2 class="hasAnchor"> | |||||
| <a href="#adding-custom-css" class="anchor"></a>Adding Custom CSS</h2> | |||||
| <p>You can also add custom CSS classes using the <code>extra_css</code> argument in the theme functions. This argument takes a named list of CSS definitions each containing a named list of CSS property-value pairs.</p> | |||||
| <div class="sourceCode" id="cb20"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb20-1" data-line-number="1">extra_css <-<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb20-2" data-line-number="2"> <span class="st">".small"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> =<span class="st"> "90%"</span>),</a> | |||||
| <a class="sourceLine" id="cb20-3" data-line-number="3"> <span class="st">".full-width"</span> =<span class="st"> </span><span class="kw"><a href="https://rdrr.io/r/base/list.html">list</a></span>(</a> | |||||
| <a class="sourceLine" id="cb20-4" data-line-number="4"> <span class="dt">display =</span> <span class="st">"flex"</span>,</a> | |||||
| <a class="sourceLine" id="cb20-5" data-line-number="5"> <span class="dt">width =</span> <span class="st">"100%"</span>,</a> | |||||
| <a class="sourceLine" id="cb20-6" data-line-number="6"> <span class="dt">flex =</span> <span class="st">"1 1 auto"</span></a> | |||||
| <a class="sourceLine" id="cb20-7" data-line-number="7"> )</a> | |||||
| <a class="sourceLine" id="cb20-8" data-line-number="8">)</a></code></pre></div> | |||||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||||
| <div class="sourceCode" id="cb21"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb21-1" data-line-number="1"><span class="kw"><a href="reference/style_extra_css.html">style_extra_css</a></span>(<span class="dt">css =</span> extra_css, <span class="dt">outfile =</span> <span class="st">"custom.css"</span>)</a></code></pre></div> | |||||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb22-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a> | |||||
| <a class="sourceLine" id="cb22-2" data-line-number="2"><span class="fu">.small</span> {</a> | |||||
| <a class="sourceLine" id="cb22-3" data-line-number="3"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a> | |||||
| <a class="sourceLine" id="cb22-4" data-line-number="4">}</a> | |||||
| <a class="sourceLine" id="cb22-5" data-line-number="5"><span class="fu">.full-width</span> {</a> | |||||
| <a class="sourceLine" id="cb22-6" data-line-number="6"> <span class="kw">display</span>: flex;</a> | |||||
| <a class="sourceLine" id="cb22-7" data-line-number="7"> <span class="kw">width</span>: <span class="dv">100%</span>;</a> | |||||
| <a class="sourceLine" id="cb22-8" data-line-number="8"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a> | |||||
| <a class="sourceLine" id="cb22-9" data-line-number="9">}</a></code></pre></div> | |||||
| <p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could add slide text <code>.small[in smaller font size]</code>.</p> | |||||
| <hr> | <hr> | ||||
| <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p> | <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p> | ||||
| <p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p> | <p>Big thank you to <a href="https://yihui.name">Yihui Xie</a>, especially for <a href="https://github.com/yihui/xaringan">xaringan</a>. Also thanks to <a href="http://gnab.org">Ole Petter Bang</a> for <a href="https://github.com/gnab/remark">remark.js</a>.</p> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. Modifies the <code>body</code> element.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>body</code> element.</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 the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | |||||
| the <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | |||||
| <code>a, a > code</code> elements.</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>. Modifies the <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. | |||||
| Modifies the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>text_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to <code>text_color</code>. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code>secondary_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to <code>secondary_color</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</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>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to | |||||
| <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||||
| classes.</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 <code>secondary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>secondary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>secondary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>secondary_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.9)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Primary Color. Defaults to #006747. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Secondary Color. Defaults to #CFC493. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | |||||
| CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>strong</code> element.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to | |||||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <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 | |||||
| the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>primary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>primary_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>primary_color</th> | <th>primary_color</th> | ||||
| <td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Primary Color. Defaults to #006747. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>secondary_color</th> | <th>secondary_color</th> | ||||
| <td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Duotone Secondary Color. Defaults to #CFC493. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | |||||
| CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_bold_color</th> | <th>text_bold_color</th> | ||||
| <td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>strong</code> element.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to | |||||
| <code>primary_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_color</th> | <th>inverse_text_color</th> | ||||
| <td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <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>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <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 | |||||
| the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>primary_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>primary_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <td><p>Table Even Row Background Color. | |||||
| Defaults to | |||||
| <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</a></code>. | |||||
| Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>base_color</th> | <th>base_color</th> | ||||
| <td><p>Monotone Base Color, works best with a strong color. Defaults to #43418A. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Monotone Base Color, works best with a strong color. | |||||
| Defaults to #43418A. Used in multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>white_color</th> | <th>white_color</th> | ||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||||
| multiple CSS rules.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>black_color</th> | <th>black_color</th> | ||||
| <td><p>Darkest color used. Defaults to #272822. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Darkest color used. Defaults to #272822. Used in multiple | |||||
| CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>a, a > code</code> elements.</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 the <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||||
| the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class.</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>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>base_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>base_color</th> | <th>base_color</th> | ||||
| <td><p>Monotone Base Color, works best with a light color. Defaults to #3C989E. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Monotone Base Color, works best with a light color. | |||||
| Defaults to #3C989E. Used in multiple CSS rules.</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 <code>base_color</code>. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Brightest color used, default is a very light version of | |||||
| <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules.</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 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td> | |||||
| <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 | |||||
| multiple CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>a, a > code</code> elements.</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 the <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||||
| the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class.</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>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>base_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>base_color</th> | <th>base_color</th> | ||||
| <td><p>Monotone Base Color, works best with a light color.. Defaults to #cbf7ed. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Monotone Base Color, works best with a light color.. | |||||
| Defaults to #cbf7ed. Used in multiple CSS rules.</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 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies multiple CSS classes or elements.</p></td> | |||||
| <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 | |||||
| multiple CSS rules.</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 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Modifies multiple CSS classes or elements.</p></td> | |||||
| <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 | |||||
| multiple CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>a, a > code</code> elements.</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 the <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||||
| the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class.</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>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>base_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>base_color</th> | <th>base_color</th> | ||||
| <td><p>Monotone base color, works best with a strong color. Defaults to #23395b. Modifies multiple CSS classes or elements.</p></td> | |||||
| <td><p>Monotone base color, works best with a strong color. | |||||
| Defaults to #23395b. Used in multiple CSS rules.</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 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td> | |||||
| <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 | |||||
| multiple CSS rules.</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 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Modifies multiple CSS classes or elements.</p></td> | |||||
| <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 | |||||
| multiple CSS rules.</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> element.</p></td> | |||||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||||
| element.</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 <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||||
| <code>a, a > code</code> elements.</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 the <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||||
| the <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to <code>base_color</code>. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| <code>base_color</code>. Modifies the <code>.inverse</code> class.</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>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <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>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to <code>base_color</code>. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| <code>base_color</code>. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <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> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <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 | |||||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to #002b36. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to #002b36. | |||||
| Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | |||||
| <code>a, a > code</code> elements.</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 <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | |||||
| <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to #586e75. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to #586e75. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to #268bd240. | |||||
| Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to #6c71c4. Modifies | |||||
| the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to #fdf6e3. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| #fdf6e3. Modifies the <code>.inverse</code> class.</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 the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to #002b36. Modifies | |||||
| the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||||
| classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <td><p>Left Column Text (not last). Defaults to | |||||
| #586e75. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to #93a1a1. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| #93a1a1. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <td><p>Blockquote Left Border Color. Defaults | |||||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #657b83. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #657b83. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #657b83. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <td><p>Table Even Row Background Color. | |||||
| Defaults to #073642. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| <colgroup><col class="name" /><col class="desc" /></colgroup> | <colgroup><col class="name" /><col class="desc" /></colgroup> | ||||
| <tr> | <tr> | ||||
| <th>text_color</th> | <th>text_color</th> | ||||
| <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to #fdf6e3. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to #fdf6e3. | |||||
| Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>link_color</th> | <th>link_color</th> | ||||
| <td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to #b58900. Modifies the | |||||
| <code>a, a > code</code> elements.</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 <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | |||||
| <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to #93a1a1. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to #93a1a1. | |||||
| Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to #268bd240. | |||||
| Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to #6c71c4. Modifies | |||||
| the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to #002b36. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| #002b36. Modifies the <code>.inverse</code> class.</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 the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | |||||
| the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||||
| classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <td><p>Left Column Text (not last). Defaults to | |||||
| #93a1a1. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to #586e75. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| #586e75. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <td><p>Blockquote Left Border Color. Defaults | |||||
| to #cb4b16. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #839496. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #839496. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #839496. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <td><p>Table Even Row Background Color. | |||||
| Defaults to #eee8d5. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_color</th> | <th>header_color</th> | ||||
| <td><p>Header Color. Defaults to #000. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Color. Defaults to #000. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_color</th> | <th>background_color</th> | ||||
| <td><p>Slide Background Color. Defaults to #FFF. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Background Color. Defaults to #FFF. Modifies | |||||
| the <code>.remark-slide-content</code> class.</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 <code>a, a > code</code> elements.</p></td> | |||||
| <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | |||||
| <code>a, a > code</code> elements.</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 <code>strong</code> element.</p></td> | |||||
| <td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>strong</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_color</th> | <th>text_slide_number_color</th> | ||||
| <td><p>Slide Number Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Color. Defaults to | |||||
| <code>inverse_background_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>padding</th> | <th>padding</th> | ||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults | |||||
| to 16px 64px 16px 64px. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_image</th> | <th>background_image</th> | ||||
| <td><p>Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image applied to each <em>and every</em> slide. | |||||
| Set <code>title_slide_background_image = "none"</code> to remove the background image | |||||
| from the title slide. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_size</th> | <th>background_size</th> | ||||
| <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image size, requires <code>background_image</code> to | |||||
| be set. If <code>background_image</code> is set, <code>background_size</code> will default to | |||||
| <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and | |||||
| <code>background_position</code> are set, will default to 100 percent. Defaults to | |||||
| <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>background_position</th> | <th>background_position</th> | ||||
| <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Background image position, requires | |||||
| <code>background_image</code> to be set, and it is recommended to adjust | |||||
| <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_highlight_color</th> | <th>code_highlight_color</th> | ||||
| <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| <td><p>Code Line Highlight. Defaults to | |||||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_color</th> | <th>code_inline_color</th> | ||||
| <td><p>Inline Code Color. Defaults to #000. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Color. Defaults to #000. Modifies the | |||||
| <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_background_color</th> | <th>code_inline_background_color</th> | ||||
| <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Background Color. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_inline_font_size</th> | <th>code_inline_font_size</th> | ||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| <td><p>Inline Code Text Font Size. Defaults to 1em. | |||||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_background_color</th> | <th>inverse_background_color</th> | ||||
| <td><p>Inverse Background Color. Defaults to #272822. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Background Color. Defaults to | |||||
| #272822. Modifies the <code>.inverse</code> class.</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 the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | |||||
| the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_text_shadow</th> | <th>inverse_text_shadow</th> | ||||
| <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| <td><p>Enables Shadow on text of inverse slides. | |||||
| Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>inverse_header_color</th> | <th>inverse_header_color</th> | ||||
| <td><p>Inverse Header Color. Defaults to #f3f3f3. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td> | |||||
| <td><p>Inverse Header Color. Defaults to #f3f3f3. | |||||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</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 <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Text Color. Defaults to | |||||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_color</th> | <th>title_slide_background_color</th> | ||||
| <td><p>Title Slide Background Color. Defaults to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Color. Defaults | |||||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_image</th> | <th>title_slide_background_image</th> | ||||
| <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image URL. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_size</th> | <th>title_slide_background_size</th> | ||||
| <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image Size, | |||||
| defaults to "cover" if background image is set. Defaults to <code>NULL</code>. | |||||
| Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>title_slide_background_position</th> | <th>title_slide_background_position</th> | ||||
| <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| <td><p>Title Slide Background Image | |||||
| Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_color</th> | <th>footnote_color</th> | ||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote text color (if <code>NA</code>, then it will be the same | |||||
| color as <code>text_color</code>). Defaults to <code>NULL</code>. Modifies the <code>.footnote</code> | |||||
| class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_font_size</th> | <th>footnote_font_size</th> | ||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote font size. Defaults to 0.9em. Modifies | |||||
| the <code>.footnote</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>footnote_position_bottom</th> | <th>footnote_position_bottom</th> | ||||
| <td><p>Footnote location from bottom of screen. Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| <td><p>Footnote location from bottom of screen. | |||||
| Defaults to 60px. Modifies the <code>.footnote</code> class.</p></td> | |||||
| </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 #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| <td><p>Left Column Text (not last). Defaults to | |||||
| #777. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>left_column_selected_color</th> | <th>left_column_selected_color</th> | ||||
| <td><p>Left Column Current Selection. Defaults to #000. Modifies the <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| <td><p>Left Column Current Selection. Defaults to | |||||
| #000. Modifies the | |||||
| <code>.left-column h2:last-of-type, .left-column h3:last-child</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>blockquote_left_border_color</th> | <th>blockquote_left_border_color</th> | ||||
| <td><p>Blockquote Left Border Color. Defaults to lightgray. Modifies the <code>blockquote</code> element.</p></td> | |||||
| <td><p>Blockquote Left Border Color. Defaults | |||||
| to lightgray. Modifies the <code>blockquote</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_border_color</th> | <th>table_border_color</th> | ||||
| <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| <td><p>Table top/bottom border. Defaults to #666. | |||||
| Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_border_color</th> | <th>table_row_border_color</th> | ||||
| <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| <td><p>Table row inner bottom border. Defaults to | |||||
| #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>table_row_even_background_color</th> | <th>table_row_even_background_color</th> | ||||
| <td><p>Table Even Row Background Color. Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||||
| <td><p>Table Even Row Background Color. | |||||
| Defaults to #eee. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>base_font_size</th> | <th>base_font_size</th> | ||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||||
| Defaults to 20px. Modifies the <code>html</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_size</th> | <th>text_font_size</th> | ||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies | |||||
| the <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h1_font_size</th> | <th>header_h1_font_size</th> | ||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>h1 Header Text Font Size. Defaults to 2.75rem. | |||||
| Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h2_font_size</th> | <th>header_h2_font_size</th> | ||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| <td><p>h2 Header Text Font Size. Defaults to 2.25rem. | |||||
| Modifies the <code>.remark-slide-content h2</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_h3_font_size</th> | <th>header_h3_font_size</th> | ||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| <td><p>h3 Header Text Font Size. Defaults to 1.75rem. | |||||
| Modifies the <code>.remark-slide-content h3</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_auto</th> | <th>header_background_auto</th> | ||||
| <td><p>Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| <td><p>Add background under slide title automatically | |||||
| for h1 header elements. If not enabled, use <code>class: header_background</code> to | |||||
| enable. Defaults to <code>FALSE</code>.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_color</th> | <th>header_background_color</th> | ||||
| <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Background Color for h1 Header with | |||||
| Background. Defaults to <code>header_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_text_color</th> | <th>header_background_text_color</th> | ||||
| <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Text Color for h1 Header with | |||||
| Background. Defaults to <code>background_color</code>. Modifies the | |||||
| <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_padding</th> | <th>header_background_padding</th> | ||||
| <td><p>Padding for h1 Header with Background. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| <td><p>Padding for h1 Header with Background. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_background_content_padding_top</th> | <th>header_background_content_padding_top</th> | ||||
| <td><p>Top Padding for Content in Slide with Header with Background. Defaults to 7rem. Modifies the <code>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Top Padding for Content in | |||||
| Slide with Header with Background. Defaults to 7rem. Modifies the | |||||
| <code>.remark-slide-content</code> class.</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 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>.remark-slide-content</code> class.</p></td> | |||||
| <td><p>Slide Classes Where Header with | |||||
| Background will not be Applied. Defaults to | |||||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||||
| <code>.remark-slide-content</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_slide_number_font_size</th> | <th>text_slide_number_font_size</th> | ||||
| <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| <td><p>Slide Number Text Font Size. Defaults to | |||||
| 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_google</th> | <th>text_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify body font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</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 <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Family (xaringan default is | |||||
| <code>'Droid Serif'</code>). Defaults to Noto Sans. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_weight</th> | <th>text_font_weight</th> | ||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Weight. Defaults to normal. Modifies | |||||
| the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_url</th> | <th>text_font_url</th> | ||||
| <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. Modifies the <code>@import url()</code> elements.</p></td> | |||||
| <td><p>Body Text Font URL(s). Defaults to | |||||
| https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap. | |||||
| Modifies the <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 -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Font Fallbacks. Defaults to | |||||
| -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, | |||||
| helvetica, Ubuntu, roboto, noto, segoe ui, arial. Modifies the <code>body</code> | |||||
| element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>text_font_base</th> | <th>text_font_base</th> | ||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||||
| to sans-serif. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_google</th> | <th>header_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify header font. | |||||
| Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_family</th> | <th>header_font_family</th> | ||||
| <td><p>Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Family (xaringan default is | |||||
| <code>'Yanone Kaffeesatz'</code>). Defaults to Cabin. Modifies the <code>h1, h2, h3</code> | |||||
| elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_weight</th> | <th>header_font_weight</th> | ||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the <code>h1, h2, h3</code> elements.</p></td> | |||||
| <td><p>Header Font Weight. Defaults to 600. Modifies the | |||||
| <code>h1, h2, h3</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>header_font_url</th> | <th>header_font_url</th> | ||||
| <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Header Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap. | |||||
| Modifies the <code>@import url</code> elements.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_google</th> | <th>code_font_google</th> | ||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| <td><p>Use <code><a href='google_font.html'>google_font()</a></code> to specify code font. Defaults | |||||
| to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_family</th> | <th>code_font_family</th> | ||||
| <td><p>Code Font Family. Defaults to Source Code Pro. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Family. Defaults to Source Code Pro. | |||||
| Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_size</th> | <th>code_font_size</th> | ||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the <code>.remark-inline</code> class.</p></td> | |||||
| <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the | |||||
| <code>.remark-inline</code> class.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>code_font_url</th> | <th>code_font_url</th> | ||||
| <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. Modifies the <code>@import url</code> elements.</p></td> | |||||
| <td><p>Code Font URL. Defaults to | |||||
| https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap. | |||||
| Modifies the <code>@import url</code> 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 Menlo, Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| <td><p>Code Font Fallback. Defaults to Menlo, | |||||
| Consolas, Monaco, Liberation Mono, Lucida Console. Modifies the | |||||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||||
| </tr> | </tr> | ||||
| <tr> | <tr> | ||||
| <th>colors</th> | <th>colors</th> |