Build URL: https://travis-ci.com/gadenbuie/xaringanthemer/builds/160481988 Commit: 2383d683b2

6 лет назад · c3f4af021e
--- a/404.html
+++ b/404.html
@@ -0,0 +1,175 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Page not found (404) • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="https://pkg.garrickadenbuie.com/xaringanthemer//bootstrap-toc.css">
 <script src="https://pkg.garrickadenbuie.com/xaringanthemer//bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="https://pkg.garrickadenbuie.com/xaringanthemer//pkgdown.css" rel="stylesheet">
 <script src="https://pkg.garrickadenbuie.com/xaringanthemer//pkgdown.js"></script>



  <link href="https://pkg.garrickadenbuie.com/xaringanthemer//extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Page not found (404)" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-title-body">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
 <li>
  <a href="articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="contents col-md-9">
    <div class="page-header">
      <h1>Page not found (404)</h1>
    </div>

 Content not found. Please use links in the navbar.

  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>

 </div>



      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/LICENSE-text.html
+++ b/LICENSE-text.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>License • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="bootstrap-toc.css">
 <script src="bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="pkgdown.css" rel="stylesheet">
@@ -30,12 +38,20 @@



  <link href="extra.css" rel="stylesheet">
  

 <meta property="og:title" content="License" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -43,55 +59,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-title-body">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="articles/xaringanthemer.html">Get started</a>
  <a href="reference/index.html">Reference</a>
 </li>
 <li>
  <a href="articles/singles/themes.html">Themes</a>
  <a href="articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/singles/fonts.html">Fonts</a>
  <a href="articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -101,6 +116,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -110,6 +131,7 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -118,22 +140,29 @@
      <h1>License</h1>
    </div>

 <pre>YEAR: 2018
 <pre>YEAR: 2020
 COPYRIGHT HOLDER: Garrick Aden-Buie
 </pre>

  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>

 </div>



      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -141,6 +170,8 @@ COPYRIGHT HOLDER: Garrick Aden-Buie

  


  </body>
 </html>


--- a/LICENSE.html
+++ b/LICENSE.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>MIT License • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="bootstrap-toc.css">
 <script src="bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="pkgdown.css" rel="stylesheet">
@@ -30,12 +38,20 @@



  <link href="extra.css" rel="stylesheet">
  

 <meta property="og:title" content="MIT License" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -43,55 +59,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-title-body">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="articles/xaringanthemer.html">Get started</a>
  <a href="reference/index.html">Reference</a>
 </li>
 <li>
  <a href="articles/singles/themes.html">Themes</a>
  <a href="articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/singles/fonts.html">Fonts</a>
  <a href="articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -101,6 +116,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -110,6 +131,7 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -128,16 +150,23 @@

  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>

 </div>



      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -145,6 +174,8 @@

  


  </body>
 </html>


--- a/TODO.html
+++ b/TODO.html
@@ -1,154 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>TODO • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="pkgdown.css" rel="stylesheet">
 <script src="jquery.sticky-kit.min.js"></script>
 <script src="pkgdown.js"></script>



 <meta property="og:title" content="TODO" />


 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-title-body">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="contents col-md-9">
    <div class="page-header">
      <h1>TODO</h1>
    </div>

 <div id="todo" class="section level1">

 <ul>
 <li>[x] Setup functions to auto-generate from theme_settings.R</li>
 <li>[?] Fix table row border things</li>
 <li>[x] Add font size parameters</li>
 <li>
 <p>[x] Fix datatable colors:</p>
 <pre><code>table.dataTable {
  color: black; /* Always dark color */
 }</code></pre>
 </li>
 </ul>
 </div>

  </div>

 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/articles/articles/fonts.html
+++ b/articles/articles/fonts.html
@@ -1,163 +0,0 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Fonts • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
 <script src="../../jquery.sticky-kit.min.js"></script><script src="../../pkgdown.js"></script><meta property="og:title" content="Fonts">
 <meta property="og:description" content="">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../../reference/index.html">Reference</a>
 </li>
 <li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
    Articles
     
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu">
 <li>
      <a href="../../articles/articles/fonts.html">Fonts</a>
    </li>
    <li>
      <a href="../../articles/articles/themes.html">Themes</a>
    </li>
    <li>
      <a href="../../articles/css-help.html">xaringanthemer CSS Help</a>
    </li>
    <li>
      <a href="../../articles/template-variables.html">Template Variables</a>
    </li>
  </ul>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Fonts</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/articles/fonts.Rmd"><code>vignettes/articles/fonts.Rmd</code></a></small>
      <div class="hidden name"><code>fonts.Rmd</code></div>

    </div>

    
    
 <div id="customizing-fonts" class="section level1">
 <h1 class="hasAnchor">
 <a href="#customizing-fonts" class="anchor"></a>Customizing Fonts</h1>
 <!-- Need to set [adding-custom-css] -->
 <p>Yihui picked out great fonts for the default <strong>xaringan</strong> theme, 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>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="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
 <a class="sourceLine" id="cb1-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="cb1-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="cb1-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="cb1-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>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="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>(</a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">  <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a>
 <a class="sourceLine" id="cb2-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="cb2-4" data-line-number="4">)</a></code></pre></div>
 <p>If you need to import additional fonts for use in <a href="xaringanthemer.html#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="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
 <a class="sourceLine" id="cb3-2" data-line-number="2">  <span class="dt">extra_fonts =</span> <span class="kw">list</span>(<span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
 <a class="sourceLine" id="cb3-3" data-line-number="3">  <span class="dt">extra_css =</span> <span class="kw">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
 <a class="sourceLine" id="cb3-4" data-line-number="4">)</a></code></pre></div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
        <div id="tocnav">
      <h2 class="hasAnchor">
 <a href="#tocnav" class="anchor"></a>Contents</h2>
      <ul class="nav nav-pills nav-stacked">
 <li><a href="#customizing-fonts">Customizing Fonts</a></li>
      </ul>
 </div>
      </div>

 </div>


      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
 </div>

  

  </body>
 </html>
--- a/articles/articles/themes.html
+++ b/articles/articles/themes.html
@@ -1,275 +0,0 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Themes • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
 <script src="../../jquery.sticky-kit.min.js"></script><script src="../../pkgdown.js"></script><meta property="og:title" content="Themes">
 <meta property="og:description" content="">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.1.0.9000</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../../reference/index.html">Reference</a>
 </li>
 <li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
    Articles
     
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu">
 <li>
      <a href="../../articles/articles/fonts.html">Fonts</a>
    </li>
    <li>
      <a href="../../articles/articles/themes.html">Themes</a>
    </li>
    <li>
      <a href="../../articles/css-help.html">xaringanthemer CSS Help</a>
    </li>
    <li>
      <a href="../../articles/template-variables.html">Template Variables</a>
    </li>
  </ul>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Themes</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/articles/themes.Rmd"><code>vignettes/articles/themes.Rmd</code></a></small>
      <div class="hidden name"><code>themes.Rmd</code></div>

    </div>

    
    
 <div id="xaringanthemer-theme-functions" class="section level1">
 <h1 class="hasAnchor">
 <a href="#xaringanthemer-theme-functions" class="anchor"></a>xaringanthemer Theme Functions</h1>
 <div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw">library</span>(xaringanthemer)</a></code></pre></div>
 <div id="monotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#monotone" class="anchor"></a>Monotone</h3>
 <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
 <div id="mono_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_light" class="anchor"></a><code><a href="../../reference/mono_light.html">mono_light()</a></code>
 </h4>
 <p>A light theme based around a single color.</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1">demo_function_call &lt;-<span class="st"> </span><span class="cf">function</span>(f, <span class="dt">n_params =</span> <span class="dv">1</span>) {</a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">  <span class="kw">cat</span>(<span class="dt">sep =</span> <span class="st">""</span>,</a>
 <a class="sourceLine" id="cb2-3" data-line-number="3">    <span class="st">"```r</span><span class="ch">\n</span><span class="st">"</span>,</a>
 <a class="sourceLine" id="cb2-4" data-line-number="4">    <span class="kw">paste</span>(<span class="kw">substitute</span>(f)), <span class="st">"("</span>,</a>
 <a class="sourceLine" id="cb2-5" data-line-number="5">    <span class="cf">if</span> (n_params <span class="op">&gt;</span><span class="st"> </span><span class="dv">0</span>) <span class="kw">paste</span>(<span class="dt">collapse =</span> <span class="st">", "</span>,</a>
 <a class="sourceLine" id="cb2-6" data-line-number="6">      <span class="kw">sapply</span>(<span class="dv">1</span><span class="op">:</span>n_params, <span class="cf">function</span>(i) {</a>
 <a class="sourceLine" id="cb2-7" data-line-number="7">        <span class="kw">paste0</span>(<span class="kw">names</span>(<span class="kw">formals</span>(f))[i], <span class="st">' = "'</span>, <span class="kw">formals</span>(f)[[i]], <span class="st">'"'</span>)})),</a>
 <a class="sourceLine" id="cb2-8" data-line-number="8">    <span class="st">")</span><span class="ch">\n</span><span class="st">```"</span></a>
 <a class="sourceLine" id="cb2-9" data-line-number="9">    )</a>
 <a class="sourceLine" id="cb2-10" data-line-number="10">}</a>
 <a class="sourceLine" id="cb2-11" data-line-number="11"><span class="kw">demo_function_call</span>(mono_light, <span class="dv">1</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## mono_light(base_color = "#23395b")
 ## ```</code></pre>
 <p><img src="../images/example_mono_light.png" width="900"></p>
 </div>
 <div id="mono_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_dark" class="anchor"></a><code><a href="../../reference/mono_dark.html">mono_dark()</a></code>
 </h4>
 <p>A dark theme based around a single color.</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_dark, <span class="dv">1</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## mono_dark(base_color = "#cbf7ed")
 ## ```</code></pre>
 <p><img src="../images/example_mono_dark.png" width="900"></p>
 </div>
 <div id="mono_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent" class="anchor"></a><code><a href="../../reference/mono_accent.html">mono_accent()</a></code>
 </h4>
 <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_accent, <span class="dv">1</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## mono_accent(base_color = "#43418A")
 ## ```</code></pre>
 <p><img src="../images/example_mono_accent.png" width="900"></p>
 </div>
 <div id="mono_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent_inverse" class="anchor"></a><code><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
 </h4>
 <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw">demo_function_call</span>(mono_accent_inverse, <span class="dv">1</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## mono_accent_inverse(base_color = "#3C989E")
 ## ```</code></pre>
 <p><img src="../images/example_mono_accent_inverse.png" width="900"></p>
 </div>
 </div>
 <div id="duotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#duotone" class="anchor"></a>Duotone</h3>
 <p>These themes build from two (ideally) complementary colors.</p>
 <div id="duo" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo" class="anchor"></a><code><a href="../../reference/duo.html">duo()</a></code>
 </h4>
 <p>A two-colored theme based on a primary and secondary color.</p>
 <div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw">demo_function_call</span>(duo, <span class="dv">2</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## duo(primary_color = "#1F4257", secondary_color = "#F97B64")
 ## ```</code></pre>
 <p><img src="../images/example_duo.png" width="900"></p>
 </div>
 <div id="duo_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent" class="anchor"></a><code><a href="../../reference/duo_accent.html">duo_accent()</a></code>
 </h4>
 <p>The default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" data-line-number="1"><span class="kw">demo_function_call</span>(duo_accent, <span class="dv">2</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## duo_accent(primary_color = "#006747", secondary_color = "#CFC493")
 ## ```</code></pre>
 <p><img src="../images/example_duo_accent.png" width="1350"></p>
 </div>
 <div id="duo_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent_inverse" class="anchor"></a><code><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
 </h4>
 <p>An “inverted” default Xaringan theme with two accent colors.</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">demo_function_call</span>(duo_accent_inverse, <span class="dv">2</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## duo_accent_inverse(primary_color = "#006747", secondary_color = "#CFC493")
 ## ```</code></pre>
 <p><img src="../images/example_duo_accent_inverse.png" width="1350"></p>
 </div>
 </div>
 <div id="solarized" class="section level3">
 <h3 class="hasAnchor">
 <a href="#solarized" class="anchor"></a>Solarized</h3>
 <p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
 <div id="solarized_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_light" class="anchor"></a><code><a href="../../reference/solarized_light.html">solarized_light()</a></code>
 </h4>
 <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">demo_function_call</span>(solarized_light, <span class="dv">0</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## solarized_light()
 ## ```</code></pre>
 <p><img src="../images/example_solarized_light.png" width="900"></p>
 </div>
 <div id="solarized_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_dark" class="anchor"></a><code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>
 </h4>
 <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">demo_function_call</span>(solarized_dark, <span class="dv">0</span>)</a></code></pre></div>
 <pre><code>## ```r
 ## solarized_dark()
 ## ```</code></pre>
 <p><img src="../images/example_solarized_dark.png" width="900"></p>
 <p>To do this, your YAML header should look more-or-less like this:</p>
 <div class="sourceCode" id="cb20"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb20-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb20-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb20-3" data-line-number="3">    <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
 <a class="sourceLine" id="cb20-4" data-line-number="4">    <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
 <a class="sourceLine" id="cb20-5" data-line-number="5">    <span class="fu">nature:</span></a>
 <a class="sourceLine" id="cb20-6" data-line-number="6">      <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
 <a class="sourceLine" id="cb20-7" data-line-number="7">      <span class="fu">highlightLines:</span><span class="at"> true</span></a>
 <a class="sourceLine" id="cb20-8" data-line-number="8">      <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
 </div>
 </div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
        <div id="tocnav">
      <h2 class="hasAnchor">
 <a href="#tocnav" class="anchor"></a>Contents</h2>
      <ul class="nav nav-pills nav-stacked">
 <li><a href="#xaringanthemer-theme-functions">xaringanthemer Theme Functions</a></li>
      </ul>
 </div>
      </div>

 </div>


      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
 </div>

  

  </body>
 </html>
--- a/articles/css-help.html
+++ b/articles/css-help.html
@@ -1,327 +0,0 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>xaringanthemer CSS Help • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><meta property="og:title" content="xaringanthemer CSS Help">
 <meta property="og:description" content="">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>xaringanthemer CSS Help</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/css-help.Rmd"><code>vignettes/css-help.Rmd</code></a></small>
      <div class="hidden name"><code>css-help.Rmd</code></div>

    </div>

    
    
 <p>Jump to: <a href="#colors">Colors</a>, <a href="#sizes">Sizes</a>, <a href="#positioning">Positioning</a></p>
 <div id="about-this-vignette" class="section level2">
 <h2 class="hasAnchor">
 <a href="#about-this-vignette" class="anchor"></a>About this vignette</h2>
 <p>This vignette cover some basic CSS, in particular to give an idea about the possible values you can use with the various arguments to the xaringan theme functions. See <code><a href="../articles/template-variables.html">vignette("template-variables", package = "xaringanthemer")</a></code> for a full list of the theme functions.</p>
 <p>Because we are setting the CSS properties from R, we can either give <strong>xaringanthemer</strong> function arguments a character string or we can call an R function or variable that returns a character string. For example, we can create an R variable with a specific color that is used in several places in a theme</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1">firebrick &lt;-<span class="st"> "#CD2626"</span></a>
 <a class="sourceLine" id="cb1-2" data-line-number="2"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
 <a class="sourceLine" id="cb1-3" data-line-number="3">  <span class="dt">header_color =</span> firebrick,</a>
 <a class="sourceLine" id="cb1-4" data-line-number="4">  <span class="dt">link_color =</span> firebrick</a>
 <a class="sourceLine" id="cb1-5" data-line-number="5">)</a></code></pre></div>
 <p>or we can directly give the character string</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">  <span class="dt">header_color =</span> <span class="st">"#CD2626"</span>,</a>
 <a class="sourceLine" id="cb2-3" data-line-number="3">  <span class="dt">link_color =</span> <span class="st">"#CD2626"</span></a>
 <a class="sourceLine" id="cb2-4" data-line-number="4">)</a></code></pre></div>
 <p>in both cases, we get CSS like the following that sets the link color</p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb3-1" data-line-number="1">a, a &gt; code {</a>
 <a class="sourceLine" id="cb3-2" data-line-number="2">  <span class="kw">color</span>: <span class="dv">#CD2626</span>;</a>
 <a class="sourceLine" id="cb3-3" data-line-number="3">}</a></code></pre></div>
 <p>Note that when a string is given to the theme function, the outer quotes are removed.</p>
 <p>In the sections below, R code is represented without quotes – like <code>rgb(0.8, 0.15, 0.15)</code> – and CSS code is represented inside quotes – like <code>"rgb(205, 38, 38)"</code> – to differentiate between R and CSS functions with the same or similar names.</p>
 </div>
 <div id="colors" class="section level2">
 <h2 class="hasAnchor">
 <a href="#colors" class="anchor"></a>Colors</h2>
 <p>In CSS, text colors are specified with the <code>color:</code> property, background colors use <code>background-color:</code>, and border colors use <code>border-color:</code>.</p>
 <p>In <strong>xaringanthemer</strong>, template variables that set</p>
 <ul>
 <li>text color end with <code>_color</code>;</li>
 <li>background color end with <code>_background_color</code>;</li>
 <li>border color end with <code>_border_color</code>;</li>
 </ul>
 <div id="setting-colors" class="section level3">
 <h3 class="hasAnchor">
 <a href="#setting-colors" class="anchor"></a>Setting colors</h3>
 <p>In CSS, there are a number of ways to specify a color:</p>
 <ul>
 <li><p>You can use a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Color_keywords">color keyword</a>, such as <code>"darkslategray"</code> or <code>"red"</code>.</p></li>
 <li>
 <p>You can use the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb()_and_rgba()">RGB color specification</a> either via</p>
 <ul>
 <li>the hexadecimal representation
 <ul>
 <li>
 <code>"#CD2626"</code> or</li>
 <li>
 <code>"#CD262680"</code> (50% transparency)</li>
 </ul>
 </li>
 <li>or the rgb function notation
 <ul>
 <li>
 <code>"rgb(255, 38, 38)"</code> or</li>
 <li>
 <code>"rgba(255, 38, 28, 0.5)"</code> (50% transparency).</li>
 </ul>
 </li>
 </ul>
 </li>
 <li>
 <p>You can use the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl()_and_hsla()">HSL color specification</a> via the functions</p>
 <ul>
 <li>
 <code>"hsl(270,60%,70%)"</code> or</li>
 <li>
 <code>"hsl(270, 60%, 50%, .15)"</code> (15% transparency).</li>
 </ul>
 </li>
 </ul>
 <p>In R, there are a number of ways to specify a color:</p>
 <ul>
 <li>
 <p>Use <code>rgb(205, 38, 38, maxColorValue = 255)</code> as an equivalent to the CSS <code>"rgb()"</code> function.</p>
 <ul>
 <li>Without the <code>maxColorValue</code> argument, the <code>rgb()</code> function expects decimal numbers in the range [0, 1], like <code>rgb(0.8039, 0.1490, 0.1490)</code>.</li>
 <li>The <code>rgb()</code> function also sets transparency via the <code>alpha</code> argument (in the [0, 1] range).</li>
 </ul>
 </li>
 <li>
 <p>You can get the hexadecimal representation of a built-in R color using the <code>col2rgb()</code> function together with the <code>rgb()</code> function:</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw">rgb</span>(<span class="kw">t</span>(<span class="kw">col2rgb</span>(<span class="st">"red"</span>)), <span class="dt">maxColorValue =</span> <span class="dv">255</span>)</a>
 <a class="sourceLine" id="cb4-2" data-line-number="2"><span class="co">#&gt; [1] "#FF0000"</span></a></code></pre></div>
 </li>
 </ul>
 </div>
 </div>
 <div id="sizes" class="section level2">
 <h2 class="hasAnchor">
 <a href="#sizes" class="anchor"></a>Sizes</h2>
 <p>In <strong>xaringanthemer</strong>, any template variable that accepts a CSS size (or length unit) ends with <code>_size</code>. Sizes are also used for positioning and those template variables end include <code>position</code> in their name.</p>
 <p>There are many units available in CSS sizes, but the three most common and easiest to use are pixels (<code>"px"</code>), percentage (<code>"%"</code>), and em units (<code>"em"</code>). Mozilla’s devloper portal has a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/length">full list of CSS length units</a>.</p>
 <p>These sizes are either <em>absolute</em> or <em>relative</em> values. Relative values are set relative to the size of the parent element, but absolute values ignore the parent element.</p>
 <dl>
 <dt>Pixels <code>"px"</code>
 </dt>
 <dd>Pixels are an <em>absolute</em> size unit, traditionally representing one device pixel. E.g. <code>"16px"</code> or <code>"23px"</code>.
 </dd>
 <dt>Percentage <code>"%"</code>
 </dt>
 <dd>Percentages are relative to the size of the parent element, scaled linearly. E.g. <code>"75%"</code> or <code>"150%"</code>.
 </dd>
 <dt>em Units <code>"em"</code>
 </dt>
 <dd>em Units are just like percentages, except expressed as decimals. E.g. <code>"0.75em"</code> or <code>"1.5em"</code>.
 </dd>
 </dl>
 <p>To make this more concrete, here is a simple “page” containing a section header and two paragraphs.</p>
 <div class="sourceCode" id="cb5"><pre class="sourceCode html"><code class="sourceCode html"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw">&lt;div</span><span class="ot"> class=</span><span class="st">"page"</span><span class="kw">&gt;</span></a>
 <a class="sourceLine" id="cb5-2" data-line-number="2">  <span class="kw">&lt;h1&gt;</span>Section 1<span class="kw">&lt;/h1&gt;</span></a>
 <a class="sourceLine" id="cb5-3" data-line-number="3">  <span class="kw">&lt;p&gt;</span>This is paragraph 1...<span class="kw">&lt;/p&gt;</span></a>
 <a class="sourceLine" id="cb5-4" data-line-number="4">  <span class="kw">&lt;p&gt;</span>This is paragraph 2...<span class="kw">&lt;/p&gt;</span></a>
 <a class="sourceLine" id="cb5-5" data-line-number="5"><span class="kw">&lt;/div&gt;</span></a></code></pre></div>
 <p>Intuitively, you might want the section header to have a somewhat bigger font size than the paragraph text, but you don’t want to have to set the text size for each and every paragraph or header.</p>
 <p>To do this, we can set the base size of any element inside the <code>&lt;div class="page"&gt;</code>, and adjust the header size relatively.</p>
 <div class="sourceCode" id="cb6"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="fu">.page</span> {</a>
 <a class="sourceLine" id="cb6-2" data-line-number="2">  <span class="kw">font-size</span>: <span class="dv">16px</span>;</a>
 <a class="sourceLine" id="cb6-3" data-line-number="3">}</a>
 <a class="sourceLine" id="cb6-4" data-line-number="4">h1 {</a>
 <a class="sourceLine" id="cb6-5" data-line-number="5">  <span class="kw">font-size</span>: <span class="dv">2em</span>;</a>
 <a class="sourceLine" id="cb6-6" data-line-number="6">}</a></code></pre></div>
 <p>Now our paragraph font will be 16 pixels tall, and the level 1 headers will be twice as big. If we later decide to change the base font size, say to <code>"15px"</code>, the header text will still be twice as big as the paragraph text.</p>
 </div>
 <div id="positioning" class="section level2">
 <h2 class="hasAnchor">
 <a href="#positioning" class="anchor"></a>Positioning</h2>
 <p>If you’re reading this, you’re probably wondering how you make an element be <em>where you want it to be</em>.</p>
 <p>There are 3 items that <strong>xaringanthemer</strong> can help you position:</p>
 <ul>
 <li>
 <code>background_position</code> (background image position)</li>
 <li>
 <code>title_slide_background_position</code> (title slide background image position)</li>
 <li>
 <code>footnote_position_bottom</code> (footnote location from bottom of screen)</li>
 </ul>
 <div id="footnote-position" class="section level3">
 <h3 class="hasAnchor">
 <a href="#footnote-position" class="anchor"></a>Footnote Position</h3>
 <p><strong>xaringanthemer</strong> provides one template variable to adjust the position of the footnote element. Footnotes can be insterted into a slide using the <code>.footnote[Here's my quick footnote]</code> syntax.</p>
 <p>The <code>footnote_position_bottom</code> argument adjust how far from the bottom of the slide the footnote appears. The default value is <code>"3em"</code>, but you can adjust this value up or down to get the footnote where you want.</p>
 </div>
 <div id="background-position" class="section level3">
 <h3 class="hasAnchor">
 <a href="#background-position" class="anchor"></a>Background Position</h3>
 <p>The background position is set using the theme function arguments that end with <code>background_position</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position#Syntax">this article on background-position</a> from Mozilla for more information.</p>
 <p>Try any of the following values to get started:</p>
 <div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1">background_position =<span class="st"> "center"</span></a>
 <a class="sourceLine" id="cb7-2" data-line-number="2">background_position =<span class="st"> "top"</span></a>
 <a class="sourceLine" id="cb7-3" data-line-number="3">background_position =<span class="st"> "left"</span></a>
 <a class="sourceLine" id="cb7-4" data-line-number="4">background_position =<span class="st"> "bottom"</span></a>
 <a class="sourceLine" id="cb7-5" data-line-number="5">background_position =<span class="st"> "25% 75%"</span> <span class="co"># X-value (from left) Y-value (from top)</span></a>
 <a class="sourceLine" id="cb7-6" data-line-number="6">background_position =<span class="st"> "bottom 10px right 20px"</span> <span class="co"># 10px from bottom, 20px from right</span></a>
 <a class="sourceLine" id="cb7-7" data-line-number="7">background_position =<span class="st"> "top left 10px"</span> <span class="co"># at top but adjusted left 10px</span></a></code></pre></div>
 </div>
 <div id="general-positioning" class="section level3">
 <h3 class="hasAnchor">
 <a href="#general-positioning" class="anchor"></a>General Positioning</h3>
 <p>Read this section if you want to put a slide element at a specific spot on your slide.</p>
 <p>The <code>position</code> CSS element is used to specify where an element is located on the screen. Mozilla provides a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">very good reference on positioning</a> that I’ve summarized here.</p>
 <p>An element can be <code>"relative"</code>-ly positioned, <code>"absolute"</code>-ly positioned, <code>"fixed"</code>, <code>"sticky"</code> or <code>"static"</code> (default). For an element with a computed position (i.e. not <code>"static"</code>), you can also specify the <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code> CSS properties for that element. The <code>top</code>/<code>bottom</code> parameters specify vertical displacement, and the <code>right</code>/<code>left</code> specify horizontal displacement.</p>
 <dl>
 <dt>Relatively positioned <code>position: relative</code>
 </dt>
 <dd>For relatively positioned elements, the element position is adjusted relative to where it <em>would have been</em> if it were <code>static</code>.
 </dd>
 <dt>Absolutely positioned <code>position: absolute</code> or <code>position: fixed</code>
 </dt>
 <dd>Absolutely positioned elements are positioned relative to the block that contains the element (called a containing block). A <code>fixed</code> element won’t move with scrolling (but <code>fixed</code> is not recommended for remarkjs slides).
 </dd>
 </dl>
 <p>If you want something to appear in a specific position on your slide, you’ll need to use the <code>extra_css</code> argument of the <strong>xaringanthemer</strong> functions. For example, lets say you want a 300px by 300px box to appear on the right side of your slide, you’ll need to create a special css class:</p>
 <div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/write_xaringan_theme.html">write_xaringan_theme</a></span>(</a>
 <a class="sourceLine" id="cb8-2" data-line-number="2">  <span class="dt">extra_css =</span> <span class="kw">list</span>(</a>
 <a class="sourceLine" id="cb8-3" data-line-number="3">    <span class="st">".box-right"</span> =<span class="st"> </span><span class="kw">list</span>(</a>
 <a class="sourceLine" id="cb8-4" data-line-number="4">      <span class="st">"height"</span> =<span class="st"> "300px"</span>,</a>
 <a class="sourceLine" id="cb8-5" data-line-number="5">      <span class="st">"width"</span> =<span class="st"> "300px"</span>,</a>
 <a class="sourceLine" id="cb8-6" data-line-number="6">      <span class="st">"position"</span> =<span class="st"> "absolute"</span>,</a>
 <a class="sourceLine" id="cb8-7" data-line-number="7">      <span class="st">"top"</span> =<span class="st"> "33%"</span>,</a>
 <a class="sourceLine" id="cb8-8" data-line-number="8">      <span class="st">"left"</span> =<span class="st"> "65%"</span></a>
 <a class="sourceLine" id="cb8-9" data-line-number="9">    )</a>
 <a class="sourceLine" id="cb8-10" data-line-number="10">  )</a>
 <a class="sourceLine" id="cb8-11" data-line-number="11">)</a></code></pre></div>
 <p>This creates CSS like this:</p>
 <div class="sourceCode" id="cb9"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="fu">.box-right</span> {</a>
 <a class="sourceLine" id="cb9-2" data-line-number="2">  <span class="kw">height</span>: <span class="dv">300px</span>;</a>
 <a class="sourceLine" id="cb9-3" data-line-number="3">  <span class="kw">width</span>: <span class="dv">300px</span>;</a>
 <a class="sourceLine" id="cb9-4" data-line-number="4">  <span class="kw">position</span>: <span class="dv">absolute</span>;</a>
 <a class="sourceLine" id="cb9-5" data-line-number="5">  <span class="kw">top</span>: <span class="dv">33%</span>;</a>
 <a class="sourceLine" id="cb9-6" data-line-number="6">  <span class="kw">left</span>: <span class="dv">65%</span>;</a>
 <a class="sourceLine" id="cb9-7" data-line-number="7">}</a></code></pre></div>
 <p>which you can then use in your slides by wrapping the slide content in <code>.box-right[]</code>.</p>
 <pre><code>.box-right[
 Stuff inside the box
 ]</code></pre>
 </div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
        <div id="tocnav">
      <h2 class="hasAnchor">
 <a href="#tocnav" class="anchor"></a>Contents</h2>
      <ul class="nav nav-pills nav-stacked">
 <li><a href="#about-this-vignette">About this vignette</a></li>
      <li><a href="#colors">Colors</a></li>
      <li><a href="#sizes">Sizes</a></li>
      <li><a href="#positioning">Positioning</a></li>
      </ul>
 </div>
      </div>

 </div>


      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
 </div>

  

  </body>
 </html>
--- a/articles/fonts.html
+++ b/articles/fonts.html
@@ -0,0 +1,180 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Fonts • xaringanthemer</title>
 <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Fonts">
 <meta property="og:description" content="xaringanthemer">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:creator" content="@grrrck">
 <meta name="twitter:site" content="@grrrck">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body data-spy="scroll" data-target="#toc">
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      

      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1 data-toc-skip>Fonts</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/fonts.Rmd"><code>vignettes/fonts.Rmd</code></a></small>
      <div class="hidden name"><code>fonts.Rmd</code></div>

    </div>

    
    
 <!-- Need to set [adding-custom-css] -->
 <div id="default-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
 <p><strong>xaringanthemer</strong> by default uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
 <p>If you would like to use the fonts from the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
 <div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(
  <span class="kw">text_font_family</span> <span class="kw">=</span> <span class="st">"Droid Serif"</span>,
  <span class="kw">text_font_url</span> <span class="kw">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
 )</pre></body></html></div>
 </div>
 <div id="custom-and-google-font-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#custom-and-google-font-fonts" class="anchor"></a>Custom and <em>Google Font</em> Fonts</h3>
 <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
 <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_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. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
 <div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
  <span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
  <span class="kw">text_font_google</span>   <span class="kw">=</span> <span class="fu"><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>),
  <span class="kw">code_font_google</span>   <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
 )</pre></body></html></div>
 <p>If you set an <code>&lt;type&gt;_font_google</code> theme arguments, then <code>&lt;type&gt;_font_family</code>, <code>&lt;type&gt;_font_weight</code> and <code>&lt;type&gt;_font_url</code> are overwritten – where <code>&lt;type&gt;</code> is one of <code>header</code>, <code>text</code>, or <code>code</code>.</p>
 <p>To use a font hosted outside of Google fonts, you need to provide both <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>. For example, suppose you want to use a code font with ligatures for your code chunks, such as <a href="https://github.com/tonsky/FiraCode">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
 <div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
  <span class="kw">code_font_family</span> <span class="kw">=</span> <span class="st">"Fira Code"</span>,
  <span class="kw">code_font_url</span> <span class="kw">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
 )</pre></body></html></div>
 <p>Remember that you need to supply either <code>&lt;type&gt;_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>.</p>
 </div>
 <div id="using-additional-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
 <p>If you want to use additional fonts for use in <a href="xaringanthemer.html#adding-custom-css">custom CSS definitions</a>, 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. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
 <div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
  <span class="kw">extra_fonts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
    <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
    <span class="co"># Young Serif by uplaod.fr</span>
    <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
  ),
  <span class="kw">extra_css</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
    <span class="st">".title-slide h2"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"Sofia"</span>),
    <span class="kw">blockquote</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"youngserifregular"</span>)
  )
 )</pre></body></html></div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

      </div>

 </div>



      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
 </div>

  


  </body>
 </html>
--- a/articles/images/example-rstudio-completion.gif
+++ b/articles/images/example-rstudio-completion.gif
--- a/articles/images/example_default.png
+++ b/articles/images/example_default.png
--- a/articles/images/example_duo.png
+++ b/articles/images/example_duo.png
--- a/articles/images/example_duo_accent.png
+++ b/articles/images/example_duo_accent.png
--- a/articles/images/example_duo_accent_inverse.png
+++ b/articles/images/example_duo_accent_inverse.png
--- a/articles/images/example_mono_accent.png
+++ b/articles/images/example_mono_accent.png
--- a/articles/images/example_mono_accent_inverse.png
+++ b/articles/images/example_mono_accent_inverse.png
--- a/articles/images/example_mono_dark.png
+++ b/articles/images/example_mono_dark.png
--- a/articles/images/example_mono_light.png
+++ b/articles/images/example_mono_light.png
--- a/articles/images/example_mono_light_1c5253.png
+++ b/articles/images/example_mono_light_1c5253.png
--- a/articles/images/example_solarized_dark.png
+++ b/articles/images/example_solarized_dark.png
--- a/articles/images/example_solarized_light.png
+++ b/articles/images/example_solarized_light.png
--- a/articles/images/examples.gif
+++ b/articles/images/examples.gif
--- a/articles/images/rmarkdown-template-screenshot.png
+++ b/articles/images/rmarkdown-template-screenshot.png
--- a/articles/index.html
+++ b/articles/index.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Articles • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,12 +38,20 @@



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Articles" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -43,55 +59,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-article-index">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -101,6 +116,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -110,6 +131,7 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -122,24 +144,28 @@
      <h3>All vignettes</h3>
      <p class="section-desc"></p>

      <ul>
        <li><a href="css-help.html">xaringanthemer CSS Help</a></li>
        <li><a href="singles/fonts.html">Fonts</a></li>
        <li><a href="singles/themes.html">Themes</a></li>
        <li><a href="template-variables.html">Template Variables</a></li>
        <li><a href="xaringanthemer.html">Xaringan CSS Theme Generator</a></li>
      </ul>
      <dl>
        <dt><a href="fonts.html">Fonts</a></dt>
        <dd></dt>
        <dt><a href="template-variables.html">Template Variables</a></dt>
        <dd></dt>
        <dt><a href="themes.html">Themes</a></dt>
        <dd></dt>
        <dt><a href="xaringanthemer.html">Xaringan CSS Theme Generator</a></dt>
        <dd></dt>
      </dl>
    </div>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -147,6 +173,8 @@

  


  </body>
 </html>


--- a/articles/singles/fonts.html
+++ b/articles/singles/fonts.html
@@ -1,140 +0,0 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Fonts • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
 <script src="../../pkgdown.js"></script><meta property="og:title" content="Fonts">
 <meta property="og:description" content="">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../../reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Fonts</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/singles/fonts.Rmd"><code>vignettes/singles/fonts.Rmd</code></a></small>
      <div class="hidden name"><code>fonts.Rmd</code></div>

    </div>

    
    
 <!-- Need to set [adding-custom-css] -->
 <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>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="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
 <a class="sourceLine" id="cb1-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="cb1-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="cb1-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="cb1-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>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="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>(</a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">  <span class="dt">code_font_family =</span> <span class="st">"Fira Code"</span>,</a>
 <a class="sourceLine" id="cb2-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="cb2-4" data-line-number="4">)</a></code></pre></div>
 <p>If you need to import additional fonts for use in <a href="xaringanthemer.html#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="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(</a>
 <a class="sourceLine" id="cb3-2" data-line-number="2">  <span class="dt">extra_fonts =</span> <span class="kw">list</span>(<span class="kw"><a href="../../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>)),</a>
 <a class="sourceLine" id="cb3-3" data-line-number="3">  <span class="dt">extra_css =</span> <span class="kw">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</span>(<span class="st">"font-family"</span> =<span class="st"> "Sofia"</span>))</a>
 <a class="sourceLine" id="cb3-4" data-line-number="4">)</a></code></pre></div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
      </div>

 </div>


      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
 </div>

  

  </body>
 </html>
--- a/articles/singles/themes.html
+++ b/articles/singles/themes.html
@@ -1,214 +0,0 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Themes • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../../pkgdown.css" rel="stylesheet">
 <script src="../../pkgdown.js"></script><meta property="og:title" content="Themes">
 <meta property="og:description" content="">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../../reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Themes</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/singles/themes.Rmd"><code>vignettes/singles/themes.Rmd</code></a></small>
      <div class="hidden name"><code>themes.Rmd</code></div>

    </div>

    
    
 <div id="monotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#monotone" class="anchor"></a>Monotone</h3>
 <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
 <div id="mono_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_light" class="anchor"></a><code><a href="../../reference/mono_light.html">mono_light()</a></code>
 </h4>
 <p>A light theme based around a single color.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_light.html">mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
 <p><img src="../images/example_mono_light.png" width="900"></p>
 </div>
 <div id="mono_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_dark" class="anchor"></a><code><a href="../../reference/mono_dark.html">mono_dark()</a></code>
 </h4>
 <p>A dark theme based around a single color.</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_dark.html">mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
 <p><img src="../images/example_mono_dark.png" width="900"></p>
 </div>
 <div id="mono_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent" class="anchor"></a><code><a href="../../reference/mono_accent.html">mono_accent()</a></code>
 </h4>
 <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_accent.html">mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
 <p><img src="../images/example_mono_accent.png" width="900"></p>
 </div>
 <div id="mono_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent_inverse" class="anchor"></a><code><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
 </h4>
 <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../../reference/mono_accent_inverse.html">mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
 <p><img src="../images/example_mono_accent_inverse.png" width="900"></p>
 </div>
 </div>
 <div id="duotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#duotone" class="anchor"></a>Duotone</h3>
 <p>These themes build from two (ideally) complementary colors.</p>
 <div id="duo" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo" class="anchor"></a><code><a href="../../reference/duo.html">duo()</a></code>
 </h4>
 <p>A two-colored theme based on a primary and secondary color.</p>
 <div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../../reference/duo.html">duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
 <p><img src="../images/example_duo.png" width="900"></p>
 </div>
 <div id="duo_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent" class="anchor"></a><code><a href="../../reference/duo_accent.html">duo_accent()</a></code>
 </h4>
 <p>The default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../../reference/duo_accent.html">duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
 <p><img src="../images/example_duo_accent.png" width="1350"></p>
 </div>
 <div id="duo_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent_inverse" class="anchor"></a><code><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
 </h4>
 <p>An “inverted” default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../../reference/duo_accent_inverse.html">duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
 <p><img src="../images/example_duo_accent_inverse.png" width="1350"></p>
 </div>
 </div>
 <div id="solarized" class="section level3">
 <h3 class="hasAnchor">
 <a href="#solarized" class="anchor"></a>Solarized</h3>
 <p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
 <div id="solarized_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_light" class="anchor"></a><code><a href="../../reference/solarized_light.html">solarized_light()</a></code>
 </h4>
 <div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_light.html">solarized_light</a></span>()</a></code></pre></div>
 <p><img src="../images/example_solarized_light.png" width="900"></p>
 </div>
 <div id="solarized_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_dark" class="anchor"></a><code><a href="../../reference/solarized_dark.html">solarized_dark()</a></code>
 </h4>
 <div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../../reference/solarized_dark.html">solarized_dark</a></span>()</a></code></pre></div>
 <p><img src="../images/example_solarized_dark.png" width="900"></p>
 <p>To do this, your YAML header should look more-or-less like this:</p>
 <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb10-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb10-3" data-line-number="3">    <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
 <a class="sourceLine" id="cb10-4" data-line-number="4">    <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
 <a class="sourceLine" id="cb10-5" data-line-number="5">    <span class="fu">nature:</span></a>
 <a class="sourceLine" id="cb10-6" data-line-number="6">      <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
 <a class="sourceLine" id="cb10-7" data-line-number="7">      <span class="fu">highlightLines:</span><span class="at"> true</span></a>
 <a class="sourceLine" id="cb10-8" data-line-number="8">      <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
 </div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
      </div>

 </div>


      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
 </div>

  

  </body>
 </html>
--- a/articles/template-variables.html
+++ b/articles/template-variables.html
@@ -1,66 +1,70 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Template Variables • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><meta property="og:title" content="Template Variables">
 <meta property="og:description" content="">
 <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Template Variables">
 <meta property="og:description" content="xaringanthemer">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <meta name="twitter:creator" content="@grrrck">
 <meta name="twitter:site" content="@grrrck">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
 <body data-spy="scroll" data-target="#toc">
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
@@ -71,6 +75,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -82,10 +92,11 @@
 <!--/.navbar -->

      

      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Template Variables</h1>
      <h1 data-toc-skip>Template Variables</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/template-variables.Rmd"><code>vignettes/template-variables.Rmd</code></a></small>
@@ -95,349 +106,515 @@

    
    
 <p>The following table shows the template variables, their default values in the standard <code>xaringan</code> theme, the primary element to which the property is applied, and a brief description of the template variable.</p>
 <p>The following table shows the template variables, their default values in the standard <code>xaringanthemer</code> theme, the primary element to which the property is applied, and a brief description of the template variable.</p>
 <p>For example, <code>background_color</code> by default sets the <code>background-color</code> CSS property of the <code>.remark-slide-content</code> class to <code>#FFF</code>.</p>
 <p>Use this table to find the template variable you would like to modify. You can also use this table to find the CSS class or element associated with a particular template item.</p>
 <p>Note that themes, like <code><a href="../reference/mono_accent.html">mono_accent()</a></code>, have additional parameters, but with any theme function you can override the theme by directly setting the arguments below when calling the theme function. For example, to use <code><a href="../reference/mono_accent.html">mono_accent()</a></code> with a different slide background color, you can call <code><a href="../reference/mono_accent.html">mono_accent(background_color = "#abc123")</a></code>.</p>
 <p>Note that some theme functions, like <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, have additional parameters and a specific set of default values unique to the theme. However, with any theme function you can override the theme’s defaults by directly setting any of the arguments listed below when calling the theme function.</p>
 <p>To be concrete, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> has three additional arguments: <code>base_color</code> (the accent color), <code>white_color</code>, and <code>black_color</code>. In this theme, the background slide color defaults to <code>white_color</code>, but you can choose a different slide background color by setting <code>background_color</code>, for example <code>background_color = "#EAEAEA"</code>.</p>
 <table class="table">
 <thead><tr class="header">
 <th align="left">variable</th>
 <th align="left">default</th>
 <th align="left">element</th>
 <th align="left">description</th>
 <th align="left">Variable</th>
 <th align="left">Description</th>
 <th align="left">Element</th>
 <th align="left">CSS Property</th>
 <th align="left">Default</th>
 <th align="left">CSS Variable</th>
 </tr></thead>
 <tbody>
 <tr class="odd">
 <td align="left"><code>text_color</code></td>
 <td align="left"><code>#000</code></td>
 <td align="left">body</td>
 <td align="left">Text Color</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">#000</td>
 <td align="left"><code>--text_color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>header_color</code></td>
 <td align="left"><code>#000</code></td>
 <td align="left">h1, h2, h3</td>
 <td align="left">Header Color</td>
 <td align="left">h1, h2, h3</td>
 <td align="left"></td>
 <td align="left">#000</td>
 <td align="left"><code>--header-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>background_color</code></td>
 <td align="left"><code>#FFF</code></td>
 <td align="left">.remark-slide-content</td>
 <td align="left">Slide Background Color</td>
 <td align="left">.remark-slide-content</td>
 <td align="left"></td>
 <td align="left">#FFF</td>
 <td align="left"><code>--background-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>link_color</code></td>
 <td align="left"><code>rgb(249, 38, 114)</code></td>
 <td align="left">a, a &gt; code</td>
 <td align="left">Link Color</td>
 <td align="left">a, a &gt; code</td>
 <td align="left"></td>
 <td align="left">rgb(249, 38, 114)</td>
 <td align="left"><code>--link-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>text_bold_color</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">strong</td>
 <td align="left">Bold Text Color</td>
 <td align="left">strong</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"><code>--text-bold-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>text_slide_number_color</code></td>
 <td align="left"><code>inverse_background_color</code></td>
 <td align="left">.remark-slide-number</td>
 <td align="left">Slide Number Color</td>
 <td align="left">.remark-slide-number</td>
 <td align="left"></td>
 <td align="left">inverse_background_color</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>padding</code></td>
 <td align="left"><code>1em 4em 1em 4em</code></td>
 <td align="left">.remark-slide-content</td>
 <td align="left">Slide Padding in <code>top right [bottom left]</code> format</td>
 <td align="left">.remark-slide-content</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>
 <td align="left">16px 64px 16px 64px</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>background_image</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">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</td>
 <td align="left">.remark-slide-content</td>
 <td align="left">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.</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>background_size</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">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</td>
 <td align="left">.remark-slide-content</td>
 <td align="left">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.</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>background_position</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>
 </td>
 <td align="left">.remark-slide-content</td>
 <td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>.</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>code_highlight_color</code></td>
 <td align="left"><code>rgba(255,255,0,0.5)</code></td>
 <td align="left">.remark-code-line-highlighted</td>
 <td align="left">Code Line Highlight</td>
 <td align="left">.remark-code-line-highlighted</td>
 <td align="left"></td>
 <td align="left">rgba(255,255,0,0.5)</td>
 <td align="left"><code>--code-highlight-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>code_inline_color</code></td>
 <td align="left"><code>#000</code></td>
 <td align="left">.remark-inline-code</td>
 <td align="left">Inline Code Color</td>
 <td align="left">.remark-inline-code</td>
 <td align="left"></td>
 <td align="left">#000</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>code_inline_background_color</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">.remark-inline-code</td>
 <td align="left">Inline Code Background Color</td>
 <td align="left">.remark-inline-code</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>code_inline_font_size</code></td>
 <td align="left"><code>1em</code></td>
 <td align="left">.remark-inline-code</td>
 <td align="left">Inline Code Text Font Size</td>
 <td align="left">.remark-inline-code</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">1em</td>
 <td align="left"><code>--code-inline-font-size</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>inverse_background_color</code></td>
 <td align="left"><code>#272822</code></td>
 <td align="left">.inverse</td>
 <td align="left">Inverse Background Color</td>
 <td align="left">.inverse</td>
 <td align="left"></td>
 <td align="left">#272822</td>
 <td align="left"><code>--inverse-background-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>inverse_text_color</code></td>
 <td align="left"><code>#d6d6d6</code></td>
 <td align="left">.inverse</td>
 <td align="left">Inverse Text Color</td>
 <td align="left">.inverse</td>
 <td align="left"></td>
 <td align="left">#d6d6d6</td>
 <td align="left"><code>--inverse-text-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>inverse_text_shadow</code></td>
 <td align="left"><code>FALSE</code></td>
 <td align="left">.inverse</td>
 <td align="left">Enables Shadow on text of inverse slides</td>
 <td align="left">.inverse</td>
 <td align="left"></td>
 <td align="left">FALSE</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>inverse_header_color</code></td>
 <td align="left"><code>#f3f3f3</code></td>
 <td align="left">.inverse h1, .inverse h2, .inverse h3</td>
 <td align="left">Inverse Header Color</td>
 <td align="left">.inverse h1, .inverse h2, .inverse h3</td>
 <td align="left"></td>
 <td align="left">#f3f3f3</td>
 <td align="left"><code>--inverse-header-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>title_slide_text_color</code></td>
 <td align="left"><code>inverse_text_color</code></td>
 <td align="left">.title-slide</td>
 <td align="left">Title Slide Text Color</td>
 <td align="left">.title-slide</td>
 <td align="left"></td>
 <td align="left">inverse_text_color</td>
 <td align="left"><code>--title-slide-text-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>title_slide_background_color</code></td>
 <td align="left"><code>inverse_background_color</code></td>
 <td align="left">.title-slide</td>
 <td align="left">Title Slide Background Color</td>
 <td align="left">.title-slide</td>
 <td align="left"></td>
 <td align="left">inverse_background_color</td>
 <td align="left"><code>--title-slide-background-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>title_slide_background_image</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">.title-slide</td>
 <td align="left">Title Slide Background Image URL</td>
 <td align="left">.title-slide</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>title_slide_background_size</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">.title-slide</td>
 <td align="left">Title Slide Background Image Size, defaults to “cover” if background image is set</td>
 <td align="left">.title-slide</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>title_slide_background_position</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">.title-slide</td>
 <td align="left">Title Slide Background Image Position</td>
 <td align="left">.title-slide</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>footnote_color</code></td>
 <td align="left"><code>NA</code></td>
 <td align="left">.footnote</td>
 <td align="left">Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>)</td>
 <td align="left">.footnote</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>footnote_font_size</code></td>
 <td align="left"><code>0.9em</code></td>
 <td align="left">.footnote</td>
 <td align="left">Footnote font size</td>
 <td align="left">.footnote</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">0.9em</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>footnote_position_bottom</code></td>
 <td align="left"><code>3em</code></td>
 <td align="left">.footnote</td>
 <td align="left">Footnote location from bottom of screen</td>
 <td align="left">.footnote</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value">position</a></td>
 <td align="left">60px</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>left_column_subtle_color</code></td>
 <td align="left"><code>#777</code></td>
 <td align="left">.left-column h2, .left-column h3</td>
 <td align="left">Left Column Text (not last)</td>
 <td align="left">.left-column h2, .left-column h3</td>
 <td align="left"></td>
 <td align="left">#777</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>left_column_selected_color</code></td>
 <td align="left"><code>#000</code></td>
 <td align="left">.left-column h2:last-of-type, .left-column h3:last-child</td>
 <td align="left">Left Column Current Selection</td>
 <td align="left">.left-column h2:last-of-type, .left-column h3:last-child</td>
 <td align="left"></td>
 <td align="left">#000</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>blockquote_left_border_color</code></td>
 <td align="left"><code>lightgray</code></td>
 <td align="left">blockquote</td>
 <td align="left">Blockquote Left Border Color</td>
 <td align="left">blockquote</td>
 <td align="left"></td>
 <td align="left">lightgray</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>table_border_color</code></td>
 <td align="left"><code>#666</code></td>
 <td align="left">table: border-top, border-bottom</td>
 <td align="left">Table top/bottom border</td>
 <td align="left">table: border-top, border-bottom</td>
 <td align="left"></td>
 <td align="left">#666</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>table_row_border_color</code></td>
 <td align="left"><code>#ddd</code></td>
 <td align="left">table thead th: border-bottom</td>
 <td align="left">Table row inner bottom border</td>
 <td align="left">table thead th: border-bottom</td>
 <td align="left"></td>
 <td align="left">#ddd</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>table_row_even_background_color</code></td>
 <td align="left"><code>#eee</code></td>
 <td align="left">thead, tfoot, tr:nth-child(even)</td>
 <td align="left">Table Even Row Background Color</td>
 <td align="left">thead, tfoot, tr:nth-child(even)</td>
 <td align="left"></td>
 <td align="left">#eee</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>base_font_size</code></td>
 <td align="left">Base Font Size for All Slide Elements (must be <code>px</code>)</td>
 <td align="left">html</td>
 <td align="left"></td>
 <td align="left">20px</td>
 <td align="left"><code>--base-font-size</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>text_font_size</code></td>
 <td align="left"><code>20px</code></td>
 <td align="left">.remark-slide-content</td>
 <td align="left">Slide Body Text Font Size</td>
 <td align="left">.remark-slide-content</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">1rem</td>
 <td align="left"><code>--text-font-size</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>header_h1_font_size</code></td>
 <td align="left"><code>55px</code></td>
 <td align="left">.remark-slide-content h1</td>
 <td align="left">h1 Header Text Font Size</td>
 <td align="left">.remark-slide-content h1</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">2.75rem</td>
 <td align="left"><code>--header-h1-font-size</code></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>header_h2_font_size</code></td>
 <td align="left"><code>45px</code></td>
 <td align="left">.remark-slide-content h2</td>
 <td align="left">h2 Header Text Font Size</td>
 <td align="left">.remark-slide-content h2</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">2.25rem</td>
 <td align="left"><code>--header-h2-font-size</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>header_h3_font_size</code></td>
 <td align="left"><code>35px</code></td>
 <td align="left">.remark-slide-content h3</td>
 <td align="left">h3 Header Text Font Size</td>
 <td align="left">.remark-slide-content h3</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">1.75rem</td>
 <td align="left"><code>--header-h3-font-size</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>header_background_auto</code></td>
 <td align="left">Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable</td>
 <td align="left"></td>
 <td align="left"></td>
 <td align="left">FALSE</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>header_background_color</code></td>
 <td align="left">Background Color for h1 Header with Background</td>
 <td align="left">.remark-slide-content h1</td>
 <td align="left"></td>
 <td align="left">header_color</td>
 <td align="left"><code>--header-background-color</code></td>
 </tr>
 <tr class="even">
 <td align="left"><code>header_background_text_color</code></td>
 <td align="left">Text Color for h1 Header with Background</td>
 <td align="left">.remark-slide-content h1</td>
 <td align="left"></td>
 <td align="left">background_color</td>
 <td align="left"><code>--header-background-text-color</code></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>header_background_padding</code></td>
 <td align="left">Padding for h1 Header with Background</td>
 <td align="left">.remark-slide-content h1</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>header_background_content_padding_top</code></td>
 <td align="left">Top Padding for Content in Slide with Header with Background</td>
 <td align="left">.remark-slide-content</td>
 <td align="left"></td>
 <td align="left">7rem</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <td align="left"><code>header_background_ignore_classes</code></td>
 <td align="left">Slide Classes Where Header with Background will not be Applied</td>
 <td align="left">.remark-slide-content</td>
 <td align="left"></td>
 <td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’, ‘bottom’)</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <td align="left"><code>text_slide_number_font_size</code></td>
 <td align="left"><code>0.9em</code></td>
 <td align="left">.remark-slide-number</td>
 <td align="left">Slide Number Text Font Size</td>
 <td align="left">.remark-slide-number</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">0.9em</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>text_font_google</code></td>
 <td align="left"><code>NULL</code></td>
 <td align="left">body</td>
 <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify body font</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>text_font_family</code></td>
 <td align="left"><code>'Droid Serif'</code></td>
 <td align="left">Body Text Font Family (xaringan default is <code>'Droid Serif'</code>)</td>
 <td align="left">body</td>
 <td align="left">Body Text Font Family</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“text_font_family”)</td>
 <td align="left"><code>--text-font-family</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>text_font_weight</code></td>
 <td align="left"><code>normal</code></td>
 <td align="left">body</td>
 <td align="left">Body Text Font Weight</td>
 <td align="left">body</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>
 <td align="left">xaringanthemer_font_default(“text_font_weight”)</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>text_font_url</code></td>
 <td align="left"><code>https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic</code></td>
 <td align="left">Body Text Font URL(s)</td>
 <td align="left">
 <span class="citation">@import</span> url()</td>
 <td align="left">Body Text Font URL(s)</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“text_font_url”)</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>text_font_family_fallback</code></td>
 <td align="left"><code>'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'</code></td>
 <td align="left">body</td>
 <td align="left">Body Text Font Fallbacks</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“text_font_family_fallback”)</td>
 <td align="left"><code>--text-font-family-fallback</code></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>text_font_base</code></td>
 <td align="left"><code>serif</code></td>
 <td align="left">body</td>
 <td align="left">Body Text Base Font (Total Failure Fallback)</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">sans-serif</td>
 <td align="left"><code>--text-font-base</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>header_font_google</code></td>
 <td align="left"><code>NULL</code></td>
 <td align="left">body</td>
 <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify header font</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>header_font_family</code></td>
 <td align="left"><code>'Yanone Kaffeesatz'</code></td>
 <td align="left">Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>)</td>
 <td align="left">h1, h2, h3</td>
 <td align="left">Header Font Family</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“header_font_family”)</td>
 <td align="left"><code>--header-font-family</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>header_font_weight</code></td>
 <td align="left"><code>normal</code></td>
 <td align="left">h1, h2, h3</td>
 <td align="left">Header Font Weight</td>
 <td align="left">h1, h2, h3</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>
 <td align="left">xaringanthemer_font_default(“header_font_weight”)</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>header_font_url</code></td>
 <td align="left"><code>https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz</code></td>
 <td align="left">Header Font URL</td>
 <td align="left">
 <span class="citation">@import</span> url</td>
 <td align="left">Header Font URL</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“header_font_url”)</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>code_font_google</code></td>
 <td align="left"><code>NULL</code></td>
 <td align="left">body</td>
 <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify code font</td>
 <td align="left">body</td>
 <td align="left"></td>
 <td align="left">NULL</td>
 <td align="left"></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>code_font_family</code></td>
 <td align="left"><code>'Source Code Pro'</code></td>
 <td align="left">.remark-code, .remark-inline-code</td>
 <td align="left">Code Font Family</td>
 <td align="left">.remark-code, .remark-inline-code</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“code_font_family”)</td>
 <td align="left"><code>--code-font-family</code></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>code_font_size</code></td>
 <td align="left"><code>0.9em</code></td>
 <td align="left">.remark-inline</td>
 <td align="left">Code Text Font Size</td>
 <td align="left">.remark-inline</td>
 <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>
 <td align="left">0.9rem</td>
 <td align="left"><code>--code-font-size</code></td>
 </tr>
 <tr class="odd">
 <tr class="even">
 <td align="left"><code>code_font_url</code></td>
 <td align="left"><code>https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700</code></td>
 <td align="left">Code Font URL</td>
 <td align="left">
 <span class="citation">@import</span> url</td>
 <td align="left">Code Font URL</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“code_font_url”)</td>
 <td align="left"></td>
 </tr>
 <tr class="even">
 <tr class="odd">
 <td align="left"><code>code_font_family_fallback</code></td>
 <td align="left"><code>'Lucida Console', Monaco</code></td>
 <td align="left">.remark-code, .remark-inline-code</td>
 <td align="left">Code Font Fallback</td>
 <td align="left">.remark-code, .remark-inline-code</td>
 <td align="left"></td>
 <td align="left">xaringanthemer_font_default(“code_font_family_fallback”)</td>
 <td align="left"></td>
 </tr>
 </tbody>
 </table>
 </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

      </div>

 </div>



      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -445,5 +622,6 @@

  


  </body>
 </html>
--- a/articles/themes.html
+++ b/articles/themes.html
@@ -0,0 +1,255 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Themes • xaringanthemer</title>
 <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Themes">
 <meta property="og:description" content="xaringanthemer">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:creator" content="@grrrck">
 <meta name="twitter:site" content="@grrrck">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body data-spy="scroll" data-target="#toc">
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
 </div>
 <!--/.nav-collapse -->
  </div>
 <!--/.container -->
 </div>
 <!--/.navbar -->

      

      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1 data-toc-skip>Themes</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/themes.Rmd"><code>vignettes/themes.Rmd</code></a></small>
      <div class="hidden name"><code>themes.Rmd</code></div>

    </div>

    
    
 <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
 <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
 <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
 <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
 <div id="monotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#monotone" class="anchor"></a>Monotone</h3>
 <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
 <div id="style_mono_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
 </h4>
 <p>A light theme based around a single color.</p>
 <div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#23395b"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
 </div>
 <div id="style_mono_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
 </h4>
 <p>A dark theme based around a single color.</p>
 <div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#cbf7ed"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
 </div>
 <div id="style_mono_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
 </h4>
 <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#43418A"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
 </div>
 <div id="style_mono_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
 </h4>
 <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#3C989E"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
 </div>
 </div>
 <div id="duotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#duotone" class="anchor"></a>Duotone</h3>
 <p>These themes build from two (ideally) complementary colors.</p>
 <div id="style_duo" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_duo" class="anchor"></a><code>style_duo()</code>
 </h4>
 <p>A two-colored theme based on a primary and secondary color.</p>
 <div class="sourceCode" id="cb5"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#1F4257"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#F97B64"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
 </div>
 <div id="style_duo_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
 </h4>
 <p>The default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb6"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
 </div>
 <div id="style_duo_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
 </h4>
 <p>An “inverted” default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb7"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
 </div>
 </div>
 <div id="solarized" class="section level3">
 <h3 class="hasAnchor">
 <a href="#solarized" class="anchor"></a>Solarized</h3>
 <p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
 <div id="style_solarized_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
 </h4>
 <div class="sourceCode" id="cb8"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
 </div>
 <div id="style_solarized_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
 </h4>
 <div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
 <p>To do this, your YAML header should look more-or-less like this:</p>
 <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb10-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb10-3" data-line-number="3">    <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
 <a class="sourceLine" id="cb10-4" data-line-number="4">    <span class="fu">nature:</span></a>
 <a class="sourceLine" id="cb10-5" data-line-number="5">      <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
 <a class="sourceLine" id="cb10-6" data-line-number="6">      <span class="fu">highlightLines:</span><span class="at"> true</span></a>
 <a class="sourceLine" id="cb10-7" data-line-number="7">      <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
 </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="cb11"><html><body><pre class="r"><span class="no">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
  <span class="kw">red</span> <span class="kw">=</span> <span class="st">"#f34213"</span>,
  <span class="kw">purple</span> <span class="kw">=</span> <span class="st">"#3e2f5b"</span>,
  <span class="kw">orange</span> <span class="kw">=</span> <span class="st">"#ff8811"</span>,
  <span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>,
  <span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>,
 )</pre></body></html></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="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb12-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a>
 <a class="sourceLine" id="cb12-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>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

        <nav id="toc" data-toggle="toc"><h2 data-toc-skip>Contents</h2>
    </nav>
 </div>

 </div>



      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
 </div>

  


  </body>
 </html>
--- a/articles/xaringanthemer.html
+++ b/articles/xaringanthemer.html
@@ -1,66 +1,70 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Xaringan CSS Theme Generator • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><meta property="og:title" content="Xaringan CSS Theme Generator">
 <meta property="og:description" content="">
 <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Xaringan CSS Theme Generator">
 <meta property="og:description" content="xaringanthemer">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <meta name="twitter:creator" content="@grrrck">
 <meta name="twitter:site" content="@grrrck">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
 <body data-spy="scroll" data-target="#toc">
    <div class="container template-article">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
@@ -71,6 +75,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -82,10 +92,11 @@
 <!--/.navbar -->

      

      </header><div class="row">
  <div class="col-md-9 contents">
    <div class="page-header toc-ignore">
      <h1>Xaringan CSS Theme Generator</h1>
      <h1 data-toc-skip>Xaringan CSS Theme Generator</h1>
            
      
      <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/xaringanthemer.Rmd"><code>vignettes/xaringanthemer.Rmd</code></a></small>
@@ -95,19 +106,9 @@

    
    
 <!-- This vignette was automatically created from README.Rmd

 Please consider removing installation instructions, badges, and
 any other README-specific material.
                            
 You can include short independent documents in README.Rmd using
 the following chunk argument syntax:
 child='vignettes/rmdhunks/example1.Rmd'
                            
 https://yihui.name/knitr/demo/child/
 or read-in chunks stored in an independent R script using knitr::read_chunk()
 https://yihui.name/knitr/demo/externalization/ -->
 <!-- README.md is generated from README.Rmd. Please edit that file -->
 <style type="text/css">
 img { max-width: 100%; }
 </style>
 <p>Jump to: <a href="#quick-intro">Quick Intro</a>, <a href="#themes">Themes</a>, <a href="#theme-settings">Theme Settings</a>, <a href="#adding-custom-css">Adding Custom CSS</a>, <a href="#fonts">Fonts</a></p>
 <div id="quick-intro" class="section level2">
 <h2 class="hasAnchor">
@@ -116,138 +117,158 @@ https://yihui.name/knitr/demo/externalization/ -->
 <p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb1-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb1-3" data-line-number="3">    <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
 <a class="sourceLine" id="cb1-4" data-line-number="4">    <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
 <a class="sourceLine" id="cb1-3" data-line-number="3">    <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
 <p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb2-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">library(xaringanthemer)</a>
 <a class="sourceLine" id="cb2-3" data-line-number="3">mono_light(</a>
 <a class="sourceLine" id="cb2-3" data-line-number="3">style_mono_light(</a>
 <a class="sourceLine" id="cb2-4" data-line-number="4">  base_color = "#1c5253",</a>
 <a class="sourceLine" id="cb2-5" data-line-number="5">  header_font_google = google_font("Josefin Sans"),</a>
 <a class="sourceLine" id="cb2-6" data-line-number="6">  text_font_google   = google_font("Montserrat", "300", "300i"),</a>
 <a class="sourceLine" id="cb2-7" data-line-number="7">  code_font_google   = google_font("Droid Mono")</a>
 <a class="sourceLine" id="cb2-8" data-line-number="8">)</a>
 <a class="sourceLine" id="cb2-9" data-line-number="9">```</a></code></pre></div>
 <p><img src="images/example_mono_light_1c5253.png" width="100%"></p>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
 <div id="matching-ggplot-themes" class="section level3">
 <h3 class="hasAnchor">
 <a href="#matching-ggplot-themes" class="anchor"></a>Matching ggplot Themes</h3>
 <p><strong>xaringanthemer</strong> even provides a [ggplot2] theme with <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> that uses the colors and fonts from your slide theme. Built on the <a href="https://github.com/yixuan/showtext">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com">Google Fonts</a>.</p>
 <p>Color and fill scales are also provided for matching sequential color scales based on the primary color used in your slides. See <code><a href="../reference/scale_xaringan.html">?scale_xaringan</a></code> for more details.</p>
 <div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">ggplot2</span>)
 <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="no">diamonds</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="no">cut</span>, <span class="kw">fill</span> <span class="kw">=</span> <span class="no">cut</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(<span class="kw">show.legend</span> <span class="kw">=</span> <span class="fl">FALSE</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
    <span class="kw">x</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
    <span class="kw">y</span> <span class="kw">=</span> <span class="st">"Count"</span>,
    <span class="kw">title</span> <span class="kw">=</span> <span class="st">"A Fancy diamonds Plot"</span>
  ) +
  <span class="fu"><a href="../reference/theme_xaringan.html">theme_xaringan</a></span>(<span class="kw">background_color</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>) +
  <span class="fu"><a href="../reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()</pre></body></html></div>
 <p><img src="../reference/figures/index-theme_xaringan_demo-1.png"></p>
 </div>
 <div id="tab-completion" class="section level3">
 <h3 class="hasAnchor">
 <a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
 <p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
 <p><img src="images/example-rstudio-completion.gif" width="100%"></p>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p>
 </div>
 <div id="r-markdown-template-in-rstudio" class="section level3">
 <h3 class="hasAnchor">
 <a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
 <p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
 <center>
 <img src="images/rmarkdown-template-screenshot.png" width="350px">
 <img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1">
 </center>
 </div>
 </div>
 <div id="themes" class="section level2">
 <h2 class="hasAnchor">
 <a href="#themes" class="anchor"></a>Themes</h2>
 <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p>
 <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p>
 <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p>
 <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p>
 <div id="monotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#monotone" class="anchor"></a>Monotone</h3>
 <p>Use these functions to automatically create a consistent color palette for your slides, based around a single color.</p>
 <div id="mono_light" class="section level4">
 <div id="style_mono_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_light" class="anchor"></a><code><a href="../reference/mono_light.html">mono_light()</a></code>
 <a href="#style_mono_light" class="anchor"></a><code>style_mono_light()</code>
 </h4>
 <p>A light theme based around a single color.</p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw"><a href="../reference/mono_light.html">mono_light</a></span>(<span class="dt">base_color =</span> <span class="st">"#23395b"</span>)</a></code></pre></div>
 <p><img src="images/example_mono_light.png" width="100%"></p>
 <div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#23395b"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light.png" data-external="1"></p>
 </div>
 <div id="mono_dark" class="section level4">
 <div id="style_mono_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_dark" class="anchor"></a><code><a href="../reference/mono_dark.html">mono_dark()</a></code>
 <a href="#style_mono_dark" class="anchor"></a><code>style_mono_dark()</code>
 </h4>
 <p>A dark theme based around a single color.</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw"><a href="../reference/mono_dark.html">mono_dark</a></span>(<span class="dt">base_color =</span> <span class="st">"#cbf7ed"</span>)</a></code></pre></div>
 <p><img src="images/example_mono_dark.png" width="100%"></p>
 <div class="sourceCode" id="cb5"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_dark.html">style_mono_dark</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#cbf7ed"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_dark.png" data-external="1"></p>
 </div>
 <div id="mono_accent" class="section level4">
 <div id="style_mono_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent" class="anchor"></a><code><a href="../reference/mono_accent.html">mono_accent()</a></code>
 <a href="#style_mono_accent" class="anchor"></a><code>style_mono_accent()</code>
 </h4>
 <p>The default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw"><a href="../reference/mono_accent.html">mono_accent</a></span>(<span class="dt">base_color =</span> <span class="st">"#43418A"</span>)</a></code></pre></div>
 <p><img src="images/example_mono_accent.png" width="100%"></p>
 <div class="sourceCode" id="cb6"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent.html">style_mono_accent</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#43418A"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent.png" data-external="1"></p>
 </div>
 <div id="mono_accent_inverse" class="section level4">
 <div id="style_mono_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#mono_accent_inverse" class="anchor"></a><code><a href="../reference/mono_accent_inverse.html">mono_accent_inverse()</a></code>
 <a href="#style_mono_accent_inverse" class="anchor"></a><code>style_mono_accent_inverse()</code>
 </h4>
 <p>An “inverted” default xaringan theme with a single color used for color accents on select elements (headers, bold text, etc.).</p>
 <div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw"><a href="../reference/mono_accent_inverse.html">mono_accent_inverse</a></span>(<span class="dt">base_color =</span> <span class="st">"#3C989E"</span>)</a></code></pre></div>
 <p><img src="images/example_mono_accent_inverse.png" width="100%"></p>
 <div class="sourceCode" id="cb7"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_accent_inverse.html">style_mono_accent_inverse</a></span>(<span class="kw">base_color</span> <span class="kw">=</span> <span class="st">"#3C989E"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_accent_inverse.png" data-external="1"></p>
 </div>
 </div>
 <div id="duotone" class="section level3">
 <h3 class="hasAnchor">
 <a href="#duotone" class="anchor"></a>Duotone</h3>
 <p>These themes build from two (ideally) complementary colors.</p>
 <div id="duo" class="section level4">
 <div id="style_duo" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo" class="anchor"></a><code><a href="../reference/duo.html">duo()</a></code>
 <a href="#style_duo" class="anchor"></a><code>style_duo()</code>
 </h4>
 <p>A two-colored theme based on a primary and secondary color.</p>
 <div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw"><a href="../reference/duo.html">duo</a></span>(<span class="dt">primary_color =</span> <span class="st">"#1F4257"</span>, <span class="dt">secondary_color =</span> <span class="st">"#F97B64"</span>)</a></code></pre></div>
 <p><img src="images/example_duo.png" width="100%"></p>
 <div class="sourceCode" id="cb8"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo.html">style_duo</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#1F4257"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#F97B64"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo.png" data-external="1"></p>
 </div>
 <div id="duo_accent" class="section level4">
 <div id="style_duo_accent" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent" class="anchor"></a><code><a href="../reference/duo_accent.html">duo_accent()</a></code>
 <a href="#style_duo_accent" class="anchor"></a><code>style_duo_accent()</code>
 </h4>
 <p>The default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw"><a href="../reference/duo_accent.html">duo_accent</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
 <p><img src="images/example_duo_accent.png" width="100%"></p>
 <div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent.html">style_duo_accent</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent.png" data-external="1"></p>
 </div>
 <div id="duo_accent_inverse" class="section level4">
 <div id="style_duo_accent_inverse" class="section level4">
 <h4 class="hasAnchor">
 <a href="#duo_accent_inverse" class="anchor"></a><code><a href="../reference/duo_accent_inverse.html">duo_accent_inverse()</a></code>
 <a href="#style_duo_accent_inverse" class="anchor"></a><code>style_duo_accent_inverse()</code>
 </h4>
 <p>An “inverted” default Xaringan theme with two accent colors.</p>
 <div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw"><a href="../reference/duo_accent_inverse.html">duo_accent_inverse</a></span>(<span class="dt">primary_color =</span> <span class="st">"#006747"</span>, <span class="dt">secondary_color =</span> <span class="st">"#CFC493"</span>)</a></code></pre></div>
 <p><img src="images/example_duo_accent_inverse.png" width="100%"></p>
 <div class="sourceCode" id="cb10"><html><body><pre class="r"><span class="fu"><a href="../reference/style_duo_accent_inverse.html">style_duo_accent_inverse</a></span>(<span class="kw">primary_color</span> <span class="kw">=</span> <span class="st">"#006747"</span>, <span class="kw">secondary_color</span> <span class="kw">=</span> <span class="st">"#CFC493"</span>)</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_duo_accent_inverse.png" data-external="1"></p>
 </div>
 </div>
 <div id="solarized" class="section level3">
 <h3 class="hasAnchor">
 <a href="#solarized" class="anchor"></a>Solarized</h3>
 <p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/solarized_light.html">solarized_light()</a></code> and <code><a href="../reference/solarized_dark.html">solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
 <div id="solarized_light" class="section level4">
 <p>There are also two themes based around the <a href="http://ethanschoonover.com/solarized">solarized color palette</a>, <code><a href="../reference/style_solarized_light.html">style_solarized_light()</a></code> and <code><a href="../reference/style_solarized_dark.html">style_solarized_dark()</a></code>. For both themes, it is advisted to change the syntax highlighting theme to <code>solarized-light</code> or <code>solarized-dark</code> (looks great paired or constrasted).</p>
 <div id="style_solarized_light" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_light" class="anchor"></a><code><a href="../reference/solarized_light.html">solarized_light()</a></code>
 <a href="#style_solarized_light" class="anchor"></a><code>style_solarized_light()</code>
 </h4>
 <div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw"><a href="../reference/solarized_light.html">solarized_light</a></span>()</a></code></pre></div>
 <p><img src="images/example_solarized_light.png" width="100%"></p>
 <div class="sourceCode" id="cb11"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_light.html">style_solarized_light</a></span>()</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_light.png" data-external="1"></p>
 </div>
 <div id="solarized_dark" class="section level4">
 <div id="style_solarized_dark" class="section level4">
 <h4 class="hasAnchor">
 <a href="#solarized_dark" class="anchor"></a><code><a href="../reference/solarized_dark.html">solarized_dark()</a></code>
 <a href="#style_solarized_dark" class="anchor"></a><code>style_solarized_dark()</code>
 </h4>
 <div class="sourceCode" id="cb11"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb11-1" data-line-number="1"><span class="kw"><a href="../reference/solarized_dark.html">solarized_dark</a></span>()</a></code></pre></div>
 <p><img src="images/example_solarized_dark.png" width="100%"></p>
 <div class="sourceCode" id="cb12"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p>
 <p>To do this, your YAML header should look more-or-less like this:</p>
 <div class="sourceCode" id="cb12"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb12-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb12-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb12-3" data-line-number="3">    <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
 <a class="sourceLine" id="cb12-4" data-line-number="4">    <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
 <a class="sourceLine" id="cb12-5" data-line-number="5">    <span class="fu">nature:</span></a>
 <a class="sourceLine" id="cb12-6" data-line-number="6">      <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
 <a class="sourceLine" id="cb12-7" data-line-number="7">      <span class="fu">highlightLines:</span><span class="at"> true</span></a>
 <a class="sourceLine" id="cb12-8" data-line-number="8">      <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
 <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb13-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb13-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb13-3" data-line-number="3">    <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a>
 <a class="sourceLine" id="cb13-4" data-line-number="4">    <span class="fu">nature:</span></a>
 <a class="sourceLine" id="cb13-5" data-line-number="5">      <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a>
 <a class="sourceLine" id="cb13-6" data-line-number="6">      <span class="fu">highlightLines:</span><span class="at"> true</span></a>
 <a class="sourceLine" id="cb13-7" data-line-number="7">      <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div>
 </div>
 </div>
 </div>
 <div id="theme-settings" class="section level2">
 <h2 class="hasAnchor">
 <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/write_xaringan_theme.html">write_xaringan_theme()</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 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>All of the theme template variables 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="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>As an example, try loading <code>xaringanthemer</code>, type out <code>style_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>Here are some of the <code>text_</code> theme options:</p>
 <ul>
@@ -267,58 +288,102 @@ https://yihui.name/knitr/demo/externalization/ -->
 <li><code>title_slide_background_position</code></li>
 </ul>
 </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 &lt;-<span class="st"> </span><span class="kw">list</span>(</a>
 <a class="sourceLine" id="cb13-2" data-line-number="2">  <span class="st">".red"</span>   =<span class="st"> </span><span class="kw">list</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">list</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">list</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/write_extra_css.html">write_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/write_extra_css.html">write_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">
 <h2 class="hasAnchor">
 <a href="#fonts" class="anchor"></a>Fonts</h2>
 <!-- Need to set [adding-custom-css] -->
 <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>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/mono_light.html">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>
 <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>
 <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/solarized_dark.html">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>
 <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/mono_light.html">mono_light</a></span>(</a>
 <a class="sourceLine" id="cb18-2" data-line-number="2">  <span class="dt">extra_fonts =</span> <span class="kw">list</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">list</span>(<span class="st">".title-slide h2"</span> =<span class="st"> </span><span class="kw">list</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 id="default-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#default-fonts" class="anchor"></a>Default Fonts</h3>
 <p><strong>xaringanthemer</strong> by default uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p>
 <p>If you would like to use the fonts from the <a href="https://slides.yihui.name/xaringan/">default xaringan theme</a>, you can use the following arguments in your style function.</p>
 <div class="sourceCode" id="cb14"><html><body><pre class="r"><span class="fu"><a href="../reference/style_xaringan.html">style_xaringan</a></span>(
  <span class="kw">text_font_family</span> <span class="kw">=</span> <span class="st">"Droid Serif"</span>,
  <span class="kw">text_font_url</span> <span class="kw">=</span> <span class="st">"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Yanone Kaffeesatz"</span>)
 )</pre></body></html></div>
 </div>
 <div id="custom-and-google-font-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#custom-and-google-font-fonts" class="anchor"></a>Custom and <em>Google Font</em> Fonts</h3>
 <p><strong>xaringanthemer</strong> makes it easy to use <a href="https://fonts.google.com">Google Fonts</a> in your presentations (provided you have an internet connection during the presentation) or to fully specify your font files.</p>
 <p>To use <a href="https://fonts.google.com">Google Fonts</a>, set the <code>&lt;type&gt;_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. The help documentation in <code><a href="../reference/google_font.html">?google_font</a></code> provides more info.</p>
 <div class="sourceCode" id="cb15"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
  <span class="kw">header_font_google</span> <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Josefin Slab"</span>, <span class="st">"600"</span>),
  <span class="kw">text_font_google</span>   <span class="kw">=</span> <span class="fu"><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>),
  <span class="kw">code_font_google</span>   <span class="kw">=</span> <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"IBM Plex Mono"</span>)
 )</pre></body></html></div>
 <p>If you set an <code>&lt;type&gt;_font_google</code> theme arguments, then <code>&lt;type&gt;_font_family</code>, <code>&lt;type&gt;_font_weight</code> and <code>&lt;type&gt;_font_url</code> are overwritten – where <code>&lt;type&gt;</code> is one of <code>header</code>, <code>text</code>, or <code>code</code>.</p>
 <p>To use a font hosted outside of Google fonts, you need to provide both <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>. For example, suppose you want to use a code font with ligatures for your code chunks, such as <a href="https://github.com/tonsky/FiraCode">Fira Code</a>, which would be declared with <code>code_font_family</code>. The <a href="https://github.com/tonsky/FiraCode#browser-support">browser usage</a> section of the Fira Code README provides a CSS URL to be used with an <code>@import</code> statement that you can use with the <code>code_font_url</code> argument.</p>
 <div class="sourceCode" id="cb16"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>(
  <span class="kw">code_font_family</span> <span class="kw">=</span> <span class="st">"Fira Code"</span>,
  <span class="kw">code_font_url</span> <span class="kw">=</span> <span class="st">"https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/fira_code.css"</span>
 )</pre></body></html></div>
 <p>Remember that you need to supply either <code>&lt;type&gt;_google_font</code> using the <code><a href="../reference/google_font.html">google_font()</a></code> helper <em>or both</em> <code>&lt;type&gt;_font_family</code> and <code>&lt;type&gt;_font_url</code>.</p>
 </div>
 <div id="using-additional-fonts" class="section level3">
 <h3 class="hasAnchor">
 <a href="#using-additional-fonts" class="anchor"></a>Using Additional Fonts</h3>
 <p>If you want to use additional fonts for use in <a href="#adding-custom-css">custom CSS definitions</a>, 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. Notice that you will need to add custom CSS (for example, via <code>extra_css</code>) to use the fonts imported in <code>extra_fonts</code>.</p>
 <div class="sourceCode" id="cb17"><html><body><pre class="r"><span class="fu"><a href="../reference/style_mono_light.html">style_mono_light</a></span>(
  <span class="kw">extra_fonts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
    <span class="fu"><a href="../reference/google_font.html">google_font</a></span>(<span class="st">"Sofia"</span>),
    <span class="co"># Young Serif by uplaod.fr</span>
    <span class="st">"https://cdn.jsdelivr.net/gh/uplaod/YoungSerif/fonts/webfonts/fontface.css"</span>,
  ),
  <span class="kw">extra_css</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
    <span class="st">".title-slide h2"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"Sofia"</span>),
    <span class="kw">blockquote</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-family"</span> <span class="kw">=</span> <span class="st">"youngserifregular"</span>)
  )
 )</pre></body></html></div>
 </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"><html><body><pre class="r"><span class="no">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(
  <span class="kw">red</span> <span class="kw">=</span> <span class="st">"#f34213"</span>,
  <span class="kw">purple</span> <span class="kw">=</span> <span class="st">"#3e2f5b"</span>,
  <span class="kw">orange</span> <span class="kw">=</span> <span class="st">"#ff8811"</span>,
  <span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>,
  <span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>,
 )</pre></body></html></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"><html><body><pre class="r"><span class="no">extra_css</span> <span class="kw">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
  <span class="st">".small"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"font-size"</span> <span class="kw">=</span> <span class="st">"90%"</span>),
  <span class="st">".full-width"</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
    <span class="kw">display</span> <span class="kw">=</span> <span class="st">"flex"</span>,
    <span class="kw">width</span>   <span class="kw">=</span> <span class="st">"100%"</span>,
    <span class="kw">flex</span>    <span class="kw">=</span> <span class="st">"1 1 auto"</span>
  )
 )</pre></body></html></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"><html><body><pre class="r"><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="kw">css</span> <span class="kw">=</span> <span class="no">extra_css</span>, <span class="kw">outfile</span> <span class="kw">=</span> <span class="st">"custom.css"</span>)</pre></body></html></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>
 <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>
@@ -326,29 +391,22 @@ https://yihui.name/knitr/demo/externalization/ -->
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
        <div id="tocnav">
      <h2 class="hasAnchor">
 <a href="#tocnav" class="anchor"></a>Contents</h2>
      <ul class="nav nav-pills nav-stacked">
 <li><a href="#quick-intro">Quick Intro</a></li>
      <li><a href="#themes">Themes</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>
      </ul>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

        <nav id="toc" data-toggle="toc"><h2 data-toc-skip>Contents</h2>
    </nav>
 </div>
      </div>

 </div>



      <footer><div class="copyright">
  <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -356,5 +414,6 @@ https://yihui.name/knitr/demo/externalization/ -->

  


  </body>
 </html>
--- a/authors.html
+++ b/authors.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Authors • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="bootstrap-toc.css">
 <script src="bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="pkgdown.css" rel="stylesheet">
@@ -30,12 +38,20 @@



  <link href="extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Authors" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -43,55 +59,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-authors">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="articles/xaringanthemer.html">Get started</a>
  <a href="reference/index.html">Reference</a>
 </li>
 <li>
  <a href="articles/singles/themes.html">Themes</a>
  <a href="articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/singles/fonts.html">Fonts</a>
  <a href="articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -101,6 +116,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -110,6 +131,7 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -120,7 +142,7 @@

    <ul class="list-unstyled">
      <li>
        <p><strong><a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a></strong>. Author, maintainer. 
        <p><strong><a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a></strong>. Author, maintainer. <a href='https://orcid.org/0000-0002-7111-0077' target='orcid.widget' aria-label='ORCID'><span class='fab fa-orcid orcid' aria-hidden='true'></span></a>
        </p>
      </li>
    </ul>
@@ -130,13 +152,14 @@
 </div>



      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -144,6 +167,8 @@

  


  </body>
 </html>


--- a/bootstrap-toc.css
+++ b/bootstrap-toc.css
@@ -0,0 +1,60 @@
 /*!
 * Bootstrap Table of Contents v0.4.1 (http://afeld.github.io/bootstrap-toc/)
 * Copyright 2015 Aidan Feldman
 * Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */

 /* modified from https://github.com/twbs/bootstrap/blob/94b4076dd2efba9af71f0b18d4ee4b163aa9e0dd/docs/assets/css/src/docs.css#L548-L601 */

 /* All levels of nav */
 nav[data-toggle='toc'] .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
 }
 nav[data-toggle='toc'] .nav > li > a:hover,
 nav[data-toggle='toc'] .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
 }
 nav[data-toggle='toc'] .nav > .active > a,
 nav[data-toggle='toc'] .nav > .active:hover > a,
 nav[data-toggle='toc'] .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
 }

 /* Nav: second level (shown on .active) */
 nav[data-toggle='toc'] .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
 }
 nav[data-toggle='toc'] .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
 }
 nav[data-toggle='toc'] .nav .nav > li > a:hover,
 nav[data-toggle='toc'] .nav .nav > li > a:focus {
  padding-left: 29px;
 }
 nav[data-toggle='toc'] .nav .nav > .active > a,
 nav[data-toggle='toc'] .nav .nav > .active:hover > a,
 nav[data-toggle='toc'] .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500;
 }

 /* from https://github.com/twbs/bootstrap/blob/e38f066d8c203c3e032da0ff23cd2d6098ee2dd6/docs/assets/css/src/docs.css#L631-L634 */
 nav[data-toggle='toc'] .nav > .active > ul {
  display: block;
 }
--- a/bootstrap-toc.js
+++ b/bootstrap-toc.js
@@ -0,0 +1,159 @@
 /*!
 * Bootstrap Table of Contents v0.4.1 (http://afeld.github.io/bootstrap-toc/)
 * Copyright 2015 Aidan Feldman
 * Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */
 (function() {
  'use strict';

  window.Toc = {
    helpers: {
      // return all matching elements in the set, or their descendants
      findOrFilter: function($el, selector) {
        // http://danielnouri.org/notes/2011/03/14/a-jquery-find-that-also-finds-the-root-element/
        // http://stackoverflow.com/a/12731439/358804
        var $descendants = $el.find(selector);
        return $el.filter(selector).add($descendants).filter(':not([data-toc-skip])');
      },

      generateUniqueIdBase: function(el) {
        var text = $(el).text();
        var anchor = text.trim().toLowerCase().replace(/[^A-Za-z0-9]+/g, '-');
        return anchor || el.tagName.toLowerCase();
      },

      generateUniqueId: function(el) {
        var anchorBase = this.generateUniqueIdBase(el);
        for (var i = 0; ; i++) {
          var anchor = anchorBase;
          if (i > 0) {
            // add suffix
            anchor += '-' + i;
          }
          // check if ID already exists
          if (!document.getElementById(anchor)) {
            return anchor;
          }
        }
      },

      generateAnchor: function(el) {
        if (el.id) {
          return el.id;
        } else {
          var anchor = this.generateUniqueId(el);
          el.id = anchor;
          return anchor;
        }
      },

      createNavList: function() {
        return $('<ul class="nav"></ul>');
      },

      createChildNavList: function($parent) {
        var $childList = this.createNavList();
        $parent.append($childList);
        return $childList;
      },

      generateNavEl: function(anchor, text) {
        var $a = $('<a></a>');
        $a.attr('href', '#' + anchor);
        $a.text(text);
        var $li = $('<li></li>');
        $li.append($a);
        return $li;
      },

      generateNavItem: function(headingEl) {
        var anchor = this.generateAnchor(headingEl);
        var $heading = $(headingEl);
        var text = $heading.data('toc-text') || $heading.text();
        return this.generateNavEl(anchor, text);
      },

      // Find the first heading level (`<h1>`, then `<h2>`, etc.) that has more than one element. Defaults to 1 (for `<h1>`).
      getTopLevel: function($scope) {
        for (var i = 1; i <= 6; i++) {
          var $headings = this.findOrFilter($scope, 'h' + i);
          if ($headings.length > 1) {
            return i;
          }
        }

        return 1;
      },

      // returns the elements for the top level, and the next below it
      getHeadings: function($scope, topLevel) {
        var topSelector = 'h' + topLevel;

        var secondaryLevel = topLevel + 1;
        var secondarySelector = 'h' + secondaryLevel;

        return this.findOrFilter($scope, topSelector + ',' + secondarySelector);
      },

      getNavLevel: function(el) {
        return parseInt(el.tagName.charAt(1), 10);
      },

      populateNav: function($topContext, topLevel, $headings) {
        var $context = $topContext;
        var $prevNav;

        var helpers = this;
        $headings.each(function(i, el) {
          var $newNav = helpers.generateNavItem(el);
          var navLevel = helpers.getNavLevel(el);

          // determine the proper $context
          if (navLevel === topLevel) {
            // use top level
            $context = $topContext;
          } else if ($prevNav && $context === $topContext) {
            // create a new level of the tree and switch to it
            $context = helpers.createChildNavList($prevNav);
          } // else use the current $context

          $context.append($newNav);

          $prevNav = $newNav;
        });
      },

      parseOps: function(arg) {
        var opts;
        if (arg.jquery) {
          opts = {
            $nav: arg
          };
        } else {
          opts = arg;
        }
        opts.$scope = opts.$scope || $(document.body);
        return opts;
      }
    },

    // accepts a jQuery object, or an options object
    init: function(opts) {
      opts = this.helpers.parseOps(opts);

      // ensure that the data attribute is in place for styling
      opts.$nav.attr('data-toggle', 'toc');

      var $topContext = this.helpers.createChildNavList(opts.$nav);
      var topLevel = this.helpers.getTopLevel(opts.$scope);
      var $headings = this.helpers.getHeadings(opts.$scope, topLevel);
      this.helpers.populateNav($topContext, topLevel, $headings);
    }
  };

  $(function() {
    $('nav[data-toggle="toc"]').each(function(i, el) {
      var $nav = $(el);
      Toc.init($nav);
    });
  });
 })();
--- a/extra.css
+++ b/extra.css
--- a/index.html
+++ b/index.html
@@ -1,68 +1,72 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Xaringan CSS Theme Generator • xaringanthemer</title>
 <!-- jquery --><script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- Font Awesome icons --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
 <script src="pkgdown.js"></script><meta property="og:title" content="Xaringan CSS Theme Generator">
 <meta property="og:description" content="Create and edit your xaringan CSS files from within your R
    R Markdown slide source. More technically, this package actually creates
    valid remarkjs CSS themes that are easily used by xarangan.">
 <title>Custom Xaringan CSS Themes • xaringanthemer</title>
 <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="bootstrap-toc.css">
 <script src="bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
 <script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
 <meta property="og:title" content="Custom Xaringan CSS Themes">
 <meta property="og:description" content="Give your xaringan slides some style with xaringanthemer.
 Easy slide and plot themes for xaringan slides.
 ">
 <meta name="twitter:card" content="summary">
 <!-- mathjax --><script src="https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><!--[if lt IE 9]>
 <meta name="twitter:creator" content="@grrrck">
 <meta name="twitter:site" content="@grrrck">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>
 <body>
    <div class="container template-article">
 <body data-spy="scroll" data-target="#toc">
    <div class="container template-home">
      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
 <li>
  <a href="index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="articles/xaringanthemer.html">Get started</a>
  <a href="reference/index.html">Reference</a>
 </li>
 <li>
  <a href="articles/singles/themes.html">Themes</a>
  <a href="articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="articles/singles/fonts.html">Fonts</a>
  <a href="articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="reference/index.html">Reference</a>
 </li>
      </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
  <a href="news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
@@ -73,6 +77,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -84,68 +94,90 @@
 <!--/.navbar -->

      
      </header><div class="row">
  <div class="col-md-9 contents">
    

    
    
 <!-- index.md is generated from index.Rmd. Please edit that file -->
      </header><div class="row">
  <div class="contents col-md-9">
 <div id="xaringanthemer" class="section level1">
 <div class="page-header"><h1 class="hasAnchor">
 <a href="#xaringanthemer" class="anchor"></a>xaringanthemer</h1></div>
 <!-- badges: start -->

 <p>Give your <a href="https://github.com/yihui/xaringan">xaringan</a> slides some style with <strong>xaringanthemer</strong> within your <code>slides.Rmd</code> file without (much) CSS.</p>
 <p><img src="articles/images/examples.gif" width="100%"></p>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/examples.gif" alt="Animation previewing many xaringanthemer themes"></p>
 <div id="installation" class="section level2">
 <h2 class="hasAnchor">
 <a href="#installation" class="anchor"></a>Installation</h2>
 <p><strong>xaringanthemer</strong> currently lives on GitHub.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="co"># install.packages("devtools")</span></a>
 <a class="sourceLine" id="cb1-2" data-line-number="2">devtools<span class="op">::</span><span class="kw"><a href="http://www.rdocumentation.org/packages/devtools/topics/install_github">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)</a></code></pre></div>
 <p>You can install <strong>xaringanthemer</strong> from CRAN</p>
 <div class="sourceCode" id="cb1"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"xaringanthemer"</span>)</pre></div>
 <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p>
 <div class="sourceCode" id="cb2"><pre class="r"><span class="co"># install.packages("remotes")</span>
 <span class="kw pkg">remotes</span><span class="kw ns">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span>(<span class="st">"gadenbuie/xaringanthemer"</span>)</pre></div>
 </div>
 <div id="usage" class="section level2">
 <div id="quick-intro" class="section level2">
 <h2 class="hasAnchor">
 <a href="#usage" class="anchor"></a>Usage</h2>
 <a href="#quick-intro" class="anchor"></a>Quick Intro</h2>
 <!-- Set link to theme-settings, template-variables, theme functions -->
 <p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb2-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb2-3" data-line-number="3">    <span class="fu">lib_dir:</span><span class="at"> libs</span></a>
 <a class="sourceLine" id="cb2-4" data-line-number="4">    <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
 <p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="articles/singles/themes.html">theme functions</a>.</p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb3-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
 <a class="sourceLine" id="cb3-2" data-line-number="2">library(xaringanthemer)</a>
 <a class="sourceLine" id="cb3-3" data-line-number="3">mono_light(</a>
 <a class="sourceLine" id="cb3-4" data-line-number="4">  base_color = "#1c5253",</a>
 <a class="sourceLine" id="cb3-5" data-line-number="5">  header_font_google = google_font("Josefin Sans"),</a>
 <a class="sourceLine" id="cb3-6" data-line-number="6">  text_font_google   = google_font("Montserrat", "300", "300i"),</a>
 <a class="sourceLine" id="cb3-7" data-line-number="7">  code_font_google   = google_font("Droid Mono")</a>
 <a class="sourceLine" id="cb3-8" data-line-number="8">)</a>
 <a class="sourceLine" id="cb3-9" data-line-number="9">```</a></code></pre></div>
 <p><img src="articles/images/example_mono_light_1c5253.png" width="100%"></p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="fu">output:</span></a>
 <a class="sourceLine" id="cb3-2" data-line-number="2">  <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a>
 <a class="sourceLine" id="cb3-3" data-line-number="3">    <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div>
 <p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb4-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a>
 <a class="sourceLine" id="cb4-2" data-line-number="2">library(xaringanthemer)</a>
 <a class="sourceLine" id="cb4-3" data-line-number="3">style_mono_light(</a>
 <a class="sourceLine" id="cb4-4" data-line-number="4">  base_color = "#1c5253",</a>
 <a class="sourceLine" id="cb4-5" data-line-number="5">  header_font_google = google_font("Josefin Sans"),</a>
 <a class="sourceLine" id="cb4-6" data-line-number="6">  text_font_google   = google_font("Montserrat", "300", "300i"),</a>
 <a class="sourceLine" id="cb4-7" data-line-number="7">  code_font_google   = google_font("Droid Mono")</a>
 <a class="sourceLine" id="cb4-8" data-line-number="8">)</a>
 <a class="sourceLine" id="cb4-9" data-line-number="9">```</a></code></pre></div>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p>
 <div id="matching-ggplot-themes" class="section level3">
 <h3 class="hasAnchor">
 <a href="#matching-ggplot-themes" class="anchor"></a>Matching ggplot Themes</h3>
 <p><strong>xaringanthemer</strong> even provides a <a href="https://ggplot2.tidyverse.org">ggplot2</a> theme with <code><a href="reference/theme_xaringan.html">theme_xaringan()</a></code> that uses the colors and fonts from your slide theme. Built on the <a href="https://github.com/yixuan/showtext">showtext</a> package, and designed to work seamlessly with <a href="https://fonts.google.com">Google Fonts</a>.</p>
 <p>Color and fill scales are also provided for matching sequential color scales based on the primary color used in your slides. See <code><a href="reference/scale_xaringan.html">?scale_xaringan</a></code> for more details.</p>
 <div class="sourceCode" id="cb5"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">ggplot2</span>)
 <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html">ggplot</a></span>(<span class="no">diamonds</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span>(<span class="no">cut</span>, <span class="kw">fill</span> <span class="kw">=</span> <span class="no">cut</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_bar.html">geom_bar</a></span>(<span class="kw">show.legend</span> <span class="kw">=</span> <span class="fl">FALSE</span>) +
  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html">labs</a></span>(
    <span class="kw">x</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
    <span class="kw">y</span> <span class="kw">=</span> <span class="st">"Count"</span>,
    <span class="kw">title</span> <span class="kw">=</span> <span class="st">"A Fancy diamonds Plot"</span>
  ) +
  <span class="fu"><a href="reference/theme_xaringan.html">theme_xaringan</a></span>(<span class="kw">background_color</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>) +
  <span class="fu"><a href="reference/scale_xaringan.html">scale_xaringan_fill_discrete</a></span>()</pre></div>
 <p><img src="reference/figures/index-theme_xaringan_demo-1.png" width="100%"></p>
 </div>
 <div id="tab-completion" class="section level3">
 <h3 class="hasAnchor">
 <a href="#tab-completion" class="anchor"></a>Tab Completion</h3>
 <p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="articles/xaringanthemer.html#theme-settings">use autocomplete to explore</a> the <a href="articles/template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
 <p><img src="articles/images/example-rstudio-completion.gif" width="100%"></p>
 <p><strong>xaringanthemer</strong> is <kbd>Tab</kbd> friendly – <a href="#theme-settings">use autocomplete to explore</a> the <a href="vignettes/template-variables.html">template variables</a> that you can adjust in each of the themes!</p>
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example-rstudio-completion.gif" alt="Demonstration of argument auto-completion with RStudio" data-external="1"></p>
 </div>
 <div id="r-markdown-template-in-rstudio" class="section level3">
 <h3 class="hasAnchor">
 <a href="#r-markdown-template-in-rstudio" class="anchor"></a>R Markdown Template in RStudio</h3>
 <p>You can also skip the above and just create a <em>Ninja Themed Presentation</em> from the New R Markdown Document menu in RStudio.</p>
 <center>
 <img src="articles/images/rmarkdown-template-screenshot.png" width="350px">
 <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/rmarkdown-template-screenshot.png" alt="The 'New R Markdown Document' menu in RStudio" data-external="1"></p>
 </center>
 </div>
 </div>
 <div id="features" class="section level2">
 <h2 class="hasAnchor">
 <a href="#features" class="anchor"></a>Features</h2>
 <p>There’s a lot more that <strong>xaringanthemer</strong> can do! <a href="https://pkg.garrickadenbuie.com/xaringanthemer/features.html">Discover xaringanthemer’s features.</a></p>
 </div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <div class="links">
 <h2>Links</h2>
 <ul class="list-unstyled">
 <li>Browse source code at <br><a href="https://github.com/gadenbuie/xaringanthemer">https://github.com/gadenbuie/xaringanthemer</a>
 <li>Browse source code at <br><a href="https://github.com/gadenbuie/xaringanthemer/">https://github.com/gadenbuie/xaringanthemer/</a>
 </li>
 <li>Report a bug at <br><a href="https://github.com/gadenbuie/xaringanthemer/issues">https://github.com/gadenbuie/xaringanthemer/issues</a>
 </li>
@@ -162,12 +194,20 @@
 <h2>Developers</h2>
 <ul class="list-unstyled">
 <li>
 <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> <br><small class="roles"> Author, maintainer </small>  </li>
 <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> <br><small class="roles"> Author, maintainer </small> <a href="https://orcid.org/0000-0002-7111-0077" target="orcid.widget" aria-label="ORCID"><span class="fab fa-orcid orcid" aria-hidden="true"></span></a> </li>
 </ul>
 </div>

      </div>

  <div class="dev-status">
 <h2>Dev status</h2>
 <ul class="list-unstyled">
 <li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li>
 <li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li>
 <li><a href="https://travis-ci.com/gadenbuie/xaringanthemer"><img src="https://travis-ci.com/gadenbuie/xaringanthemer.svg?branch=master" alt="travis"></a></li>
 <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li>
 </ul>
 </div>
 </div>
 </div>


@@ -176,7 +216,7 @@
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -184,5 +224,6 @@

  


  </body>
 </html>
--- a/jquery.sticky-kit.min.js
+++ b/jquery.sticky-kit.min.js
@@ -1,11 +0,0 @@
 /* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 |  */
 /*
  Source: https://github.com/leafo/sticky-kit
  License: MIT
 */
 (function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));
 if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,
 u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),
 h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),
 a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",
 y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);
--- a/news/index.html
+++ b/news/index.html
@@ -0,0 +1,198 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Changelog • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Changelog" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-news">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
      <h1 data-toc-skip>Changelog <small></small></h1>
      <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
    </div>

    <div id="xaringanthemer-0-3-0-dev" class="section level1">
 <h1 class="page-header" data-toc-text="0.3.0">
 <a href="#xaringanthemer-0-3-0-dev" class="anchor"></a>xaringanthemer 0.3.0 (dev)</h1>
 <ul>
 <li><p>Adds <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, a ggplot2 theme that automatically uses the colors and font styles of your xaringanthemer style. Also adds <code><a href="../reference/scale_xaringan.html">scale_xaringan_discrete()</a></code> and <code><a href="../reference/scale_xaringan.html">scale_xaringan_continuous()</a></code> functions that use your slides’ primary colors for the color or fill aesthetics. These theme functions can recover the primary colors used in a xaringanthemer (&gt;= 0.3.0) CSS file even if you don’t call the style function directly in your slides.</p></li>
 <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
 <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
 <li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
 <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li>
 <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li>
 <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li>
 </ul>
 <div id="bugfixes-and-improvements" class="section level2">
 <h2 class="hasAnchor">
 <a href="#bugfixes-and-improvements" class="anchor"></a>Bugfixes and Improvements</h2>
 <ul>
 <li><p>Better handling of multiple <code>extra_fonts</code>, including improved error messages. (Thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/19'>#19</a>).</p></li>
 <li><p><code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> (previously <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code>) gained an <code>append</code> argument so that it can append to or overwrite an existing file (thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/17'>#17</a>).</p></li>
 <li><p>The underlying tibble holding the theme template variables was updated to work with <code>tibble 3.0.0</code> (thanks <a href='https://github.com/techisdead'>@techisdead</a>, <a href='https://github.com/SymbolixAU'>@SymbolixAU</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/32'>#32</a>).</p></li>
 <li><p>The <code>css-help</code> vignette was removed and may be re-written in the future.</p></li>
 <li><p>Style function arguments that accept CSS property values are now documented in the argument documentation, including a link to the MDN web docs page for the CSS property or value (<a href='https://github.com/gadenbuie/xaringanthemer/issues/33'>#33</a>, thanks <a href='https://github.com/TrashBirdEcology'>@TrashBirdEcology</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/18'>#18</a>).</p></li>
 <li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li>
 </ul>
 </div>
 </div>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>

 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/pkgdown.css
+++ b/pkgdown.css
@@ -17,12 +17,14 @@ html, body {
  height: 100%;
 }

 body {
  position: relative;
 }

 body > .container {
  display: flex;
  height: 100%;
  flex-direction: column;

  padding-top: 60px;
 }

 body > .container .row {
@@ -58,12 +60,21 @@ img {
  max-width: 100%;
 }

 /* Fix bug in bootstrap (only seen in firefox) */
 summary {
  display: list-item;
 }

 /* Typographic tweaking ---------------------------------*/

 .contents h1.page-header {
 .contents .page-header {
  margin-top: calc(-60px + 1em);
 }

 dd {
  margin-left: 3em;
 }

 /* Section anchors ---------------------------------*/

 a.anchor {
@@ -97,37 +108,135 @@ a.anchor {
  margin-top: -40px;
 }

 /* Static header placement on mobile devices */
@media (max-width: 767px) {
  .navbar-fixed-top {
    position: absolute;
  }
  .navbar {
    padding: 0;
  }
 /* Navbar submenu --------------------------*/

 .dropdown-submenu {
  position: relative;
 }

 .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
 }

 .dropdown-submenu:hover>.dropdown-menu {
  display: block;
 }

 .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
 }

 .dropdown-submenu:hover>a:after {
  border-left-color: #ffffff;
 }

 .dropdown-submenu.pull-left {
  float: none;
 }

 .dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
 }

 /* Sidebar --------------------------*/

 #sidebar {
 #pkgdown-sidebar {
  margin-top: 30px;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
 }
 #sidebar h2 {

 #pkgdown-sidebar h2 {
  font-size: 1.5em;
  margin-top: 1em;
 }

 #sidebar h2:first-child {
 #pkgdown-sidebar h2:first-child {
  margin-top: 0;
 }

 #sidebar .list-unstyled li {
 #pkgdown-sidebar .list-unstyled li {
  margin-bottom: 0.5em;
 }

 /* bootstrap-toc tweaks ------------------------------------------------------*/

 /* All levels of nav */

 nav[data-toggle='toc'] .nav > li > a {
  padding: 4px 20px 4px 6px;
  font-size: 1.5rem;
  font-weight: 400;
  color: inherit;
 }

 nav[data-toggle='toc'] .nav > li > a:hover,
 nav[data-toggle='toc'] .nav > li > a:focus {
  padding-left: 5px;
  color: inherit;
  border-left: 1px solid #878787;
 }

 nav[data-toggle='toc'] .nav > .active > a,
 nav[data-toggle='toc'] .nav > .active:hover > a,
 nav[data-toggle='toc'] .nav > .active:focus > a {
  padding-left: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  color: inherit;
  border-left: 2px solid #878787;
 }

 /* Nav: second level (shown on .active) */

 nav[data-toggle='toc'] .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
 }

 nav[data-toggle='toc'] .nav .nav > li > a {
  padding-left: 16px;
  font-size: 1.35rem;
 }

 nav[data-toggle='toc'] .nav .nav > li > a:hover,
 nav[data-toggle='toc'] .nav .nav > li > a:focus {
  padding-left: 15px;
 }

 nav[data-toggle='toc'] .nav .nav > .active > a,
 nav[data-toggle='toc'] .nav .nav > .active:hover > a,
 nav[data-toggle='toc'] .nav .nav > .active:focus > a {
  padding-left: 15px;
  font-weight: 500;
  font-size: 1.35rem;
 }

 /* orcid ------------------------------------------------------------------- */

 .orcid {
  height: 16px;
  font-size: 16px;
  color: #A6CE39;
  /* margins are required by official ORCID trademark and display guidelines */
  margin-left:4px;
  margin-right:4px;
  vertical-align: middle;
 }

@@ -136,10 +245,9 @@ a.anchor {
 .ref-index th {font-weight: normal;}

 .ref-index td {vertical-align: top;}
 .ref-index .icon {width: 40px;}
 .ref-index .alias {width: 40%;}
 .ref-index .title {width: 60%;}

 .ref-index .alias {width: 40%;}
 .ref-index-icons .alias {width: calc(40% - 40px);}
 .ref-index .title {width: 60%;}

 .ref-arguments th {text-align: right; padding-right: 10px;}
@@ -218,6 +326,19 @@ a.sourceLine:hover {
  visibility: visible;
 }

 /* headroom.js ------------------------ */

 .headroom {
  will-change: transform;
  transition: transform 200ms linear;
 }
 .headroom--pinned {
  transform: translateY(0%);
 }
 .headroom--unpinned {
  transform: translateY(-100%);
 }

 /* mark.js ----------------------------*/

 mark {
@@ -230,3 +351,17 @@ mark {
 .html-widget {
  margin-bottom: 10px;
 }

 /* fontawesome ------------------------ */

 .fab {
    font-family: "Font Awesome 5 Brands" !important;
 }

 /* don't display links in code chunks when printing */
 /* source: https://stackoverflow.com/a/10781533 */
@media print {
  code a:link:after, code a:visited:after {
    content: "";
  }
 }
--- a/pkgdown.js
+++ b/pkgdown.js
@@ -2,18 +2,11 @@
 (function($) {
  $(function() {

    $("#sidebar")
      .stick_in_parent({offset_top: 40})
      .on('sticky_kit:bottom', function(e) {
        $(this).parent().css('position', 'static');
      })
      .on('sticky_kit:unbottom', function(e) {
        $(this).parent().css('position', 'relative');
      });
    $('.navbar-fixed-top').headroom();

    $('body').scrollspy({
      target: '#sidebar',
      offset: 60
    $('body').css('padding-top', $('.navbar').height() + 10);
    $(window).resize(function(){
      $('body').css('padding-top', $('.navbar').height() + 10);
    });

    $('[data-toggle="tooltip"]').tooltip();
@@ -25,9 +18,13 @@
    for (var i = 0; i < links.length; i++) {
      if (links[i].getAttribute("href") === "#")
        continue;
      var path = paths(links[i].pathname);
      // Ignore external links
      if (links[i].host !== location.host)
        continue;

      var nav_path = paths(links[i].pathname);

      var length = prefix_length(cur_path, path);
      var length = prefix_length(nav_path, cur_path);
      if (length > max_length) {
        max_length = length;
        pos = i;
@@ -52,13 +49,14 @@
    return(pieces);
  }

  // Returns -1 if not found
  function prefix_length(needle, haystack) {
    if (needle.length > haystack.length)
      return(0);
      return(-1);

    // Special case for length-0 haystack, since for loop won't run
    if (haystack.length === 0) {
      return(needle.length === 0 ? 1 : 0);
      return(needle.length === 0 ? 0 : -1);
    }

    for (var i = 0; i < haystack.length; i++) {
@@ -78,9 +76,9 @@
    element.setAttribute('data-original-title', tooltipOriginalTitle);
  }

  if(Clipboard.isSupported()) {
  if(ClipboardJS.isSupported()) {
    $(document).ready(function() {
      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-hidden='true' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy' aria-hidden='true'></i></button>";
      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";

      $(".examples, div.sourceCode").addClass("hasCopyButton");

@@ -91,7 +89,7 @@
      $('.btn-copy-ex').tooltip({container: 'body'});

      // Initialize clipboard:
      var clipboardBtnCopies = new Clipboard('[data-clipboard-copy]', {
      var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', {
        text: function(trigger) {
          return trigger.parentNode.textContent;
        }
--- a/pkgdown.yml
+++ b/pkgdown.yml
@@ -1,19 +1,13 @@
 pandoc: 2.2.1
 pkgdown: 1.1.0
 pandoc: '2.2'
 pkgdown: 1.5.1
 pkgdown_sha: ~
 articles:
  css-help: css-help.html
  _fonts: rmdchunks/_fonts.html
  _installation: rmdchunks/_installation.html
  _quick-intro: rmdchunks/_quick-intro.html
  _tagline-gif: rmdchunks/_tagline-gif.html
  _thanks: rmdchunks/_thanks.html
  _themes: rmdchunks/_themes.html
  fonts: singles/fonts.html
  themes: singles/themes.html
  fonts: fonts.html
  template-variables: template-variables.html
  themes: themes.html
  xaringanthemer: xaringanthemer.html
 last_built: 2020-04-16T02:14Z
 urls:
  reference: https://gadenbuie.github.com/xaringanthemer//reference
  article: https://gadenbuie.github.com/xaringanthemer//articles
  reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
  article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

--- a/reference/apply_alpha-1.png
+++ b/reference/apply_alpha-1.png
--- a/reference/apply_alpha.html
+++ b/reference/apply_alpha.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Add alpha to hex color — apply_alpha • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,17 +38,23 @@



 <meta property="og:title" content="Add alpha to hex color — apply_alpha" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Add alpha to hex color — apply_alpha" />
 <meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by
 converting opacity in the [0, 1] range to hex in the [0, 255] range
 and appending to the hex color." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -48,55 +62,54 @@ and appending to the hex color." />
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -106,6 +119,12 @@ and appending to the hex color." />
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -115,26 +134,25 @@ and appending to the hex color." />
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Add alpha to hex color</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
    <div class="hidden name"><code>apply_alpha.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Applies alpha (or opacity) to a color in hexadecimal form by
 converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]</code> range
 and appending to the hex color.</p>
    
    </div>

    <pre class="usage"><span class='fu'>apply_alpha</span>(<span class='no'>color_hex</span>, <span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.5</span>)</pre>
    

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
@@ -147,25 +165,32 @@ and appending to the hex color.</p>
      <td><p>Desired opacity of the output color</p></td>
    </tr>
    </table>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
                </ul>

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

 <span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
  <span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>blue</span>, <span class='no'>blue_transparent</span>))
 }</div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'>
 </div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -173,6 +198,8 @@ and appending to the hex color.</p>

  


  </body>
 </html>


--- a/reference/choose_dark_or_light-1.png
+++ b/reference/choose_dark_or_light-1.png
--- a/reference/choose_dark_or_light.html
+++ b/reference/choose_dark_or_light.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Choose dark or light color — choose_dark_or_light • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,17 +38,23 @@



 <meta property="og:title" content="Choose dark or light color — choose_dark_or_light" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Choose dark or light color — choose_dark_or_light" />
 <meta property="og:description" content="Takes a color input as x and returns either the black or white color (or
 expression) if dark or light text should be used over the input color for
 best contrast. Follows W3C Recommendations." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -48,55 +62,54 @@ best contrast. Follows W3C Recommendations." />
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -106,6 +119,12 @@ best contrast. Follows W3C Recommendations." />
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -115,69 +134,74 @@ best contrast. Follows W3C Recommendations." />
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Choose dark or light color</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
    <div class="hidden name"><code>choose_dark_or_light.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Takes a color input as <code>x</code> and returns either the black or white color (or
 expression) if dark or light text should be used over the input color for
 best contrast. Follows W3C Recommendations.</p>
    
    </div>

    <pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='no'>x</span>, <span class='kw'>black</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>white</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>)</pre>
    
    <pre class="usage"><span class='fu'>choose_dark_or_light</span>(<span class='no'>x</span>, <span class='kw'>black</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>, <span class='kw'>white</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>)</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>x</th>
      <td><p>The background color</p></td>
      <td><p>The background color (hex)</p></td>
    </tr>
    <tr>
      <th>black</th>
      <td><p>Text or foreground color, e.g. "#222" or
 <code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td>
 <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td>
    </tr>
    <tr>
      <th>white</th>
      <td><p>Text or foreground color or expression, e.g. "#EEE" or
 <code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td>
 <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td>
    </tr>
    </table>
    

    <h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

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

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#references">References</a></li>
          </ul>
    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
    <pre class="examples"><div class='input'><span class='no'>light_green</span> <span class='kw'>&lt;-</span> <span class='st'>"#c4d6b0"</span>
 <span class='no'>contrast_green</span> <span class='kw'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='no'>light_green</span>)
 <span class='no'>dark_purple</span> <span class='kw'>&lt;-</span> <span class='st'>"#381d2a"</span>
 <span class='no'>contrast_purple</span> <span class='kw'>&lt;-</span> <span class='fu'>choose_dark_or_light</span>(<span class='no'>dark_purple</span>)

 <span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
  <span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>light_green</span>, <span class='no'>contrast_green</span>, <span class='no'>dark_purple</span>, <span class='no'>contrast_purple</span>))
 }</div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'>
 </div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -185,6 +209,8 @@ best contrast. Follows W3C Recommendations.</p>

  


  </body>
 </html>


--- a/reference/duo.html
+++ b/reference/duo.html
@@ -1,449 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Theme — duo • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Duotone Theme — duo" />

 <meta property="og:description" content="A duotone theme designed to work well with two complementary
  colors." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo.R'><code>R/duo.R</code></a></small>
    <div class="hidden name"><code>duo.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>A duotone theme designed to work well with two complementary
  colors.</p>
    
    </div>

    <pre class="usage"><span class='fu'>duo</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1F4257"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#F97B64"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>primary_color</span>,
  <span class='fl'>0.9</span>), <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.99</span>)), <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.3</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Duotone themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/duo_accent.html
+++ b/reference/duo_accent.html
@@ -1,460 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Accent Theme — duo_accent • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Duotone Accent Theme — duo_accent" />

 <meta property="og:description" content="An default xaringan theme with a two colors used for color
  accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Accent Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo_accent.R'><code>R/duo_accent.R</code></a></small>
    <div class="hidden name"><code>duo_accent.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>An default xaringan theme with a two colors used for color
  accents on select elements (headers, bold text, etc.).</p>
    
    </div>

    <pre class="usage"><span class='fu'>duo_accent</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>, <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
  <span class='no'>secondary_color</span>), <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
  <span class='no'>primary_color</span>, <span class='no'>secondary_color</span>), <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
  <span class='no'>secondary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
  <span class='no'>white_color</span>), <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
  <span class='no'>white_color</span>), <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
  <span class='no'>black_color</span>, <span class='no'>white_color</span>), <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.3</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_header_color</th>
      <td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
    </tr>
    <tr>
      <th>title_slide_text_color</th>
      <td><p>Title Slide Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo.html'>duo</a></code>, <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Duotone themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo.html'>duo</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/duo_accent_inverse.html
+++ b/reference/duo_accent_inverse.html
@@ -1,461 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Accent Inverse Theme — duo_accent_inverse • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Duotone Accent Inverse Theme — duo_accent_inverse" />

 <meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a two colors used
  for color accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Accent Inverse Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/duo_accent_inverse.R'><code>R/duo_accent_inverse.R</code></a></small>
    <div class="hidden name"><code>duo_accent_inverse.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>An "inverted" default xaringan theme with a two colors used
  for color accents on select elements (headers, bold text, etc.).</p>
    
    </div>

    <pre class="usage"><span class='fu'>duo_accent_inverse</span>(<span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>, <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>, <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
  <span class='no'>primary_color</span>), <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>,
  <span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
  <span class='no'>primary_color</span>), <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
  <span class='no'>white_color</span>), <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>,
  <span class='no'>white_color</span>), <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
  <span class='no'>black_color</span>, <span class='no'>white_color</span>), <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
  <span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='fl'>0.3</span>), <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #006747. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #CFC493. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #000000. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_header_color</th>
      <td><p>Inverse Header Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
    </tr>
    <tr>
      <th>title_slide_text_color</th>
      <td><p>Title Slide Text Color. Defaults to <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.3)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Duotone themes: <code><a href='duo_accent.html'>duo_accent</a></code>,
  <code><a href='duo.html'>duo</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/figures/index-theme_xaringan_demo-1.png
+++ b/reference/figures/index-theme_xaringan_demo-1.png
--- a/reference/google_font.html
+++ b/reference/google_font.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Specify Google Font — google_font • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,17 +38,23 @@



 <meta property="og:title" content="Specify Google Font — google_font" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Specify Google Font — google_font" />
 <meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the
 ... parameters. Languages can be specified in langauges and must one or
 more of the language codes as given by google_language_codes()." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -48,55 +62,54 @@ more of the language codes as given by google_language_codes()." />
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -106,6 +119,12 @@ more of the language codes as given by google_language_codes()." />
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -115,6 +134,7 @@ more of the language codes as given by google_language_codes()." />
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -126,15 +146,13 @@ more of the language codes as given by google_language_codes()." />
    </div>

    <div class="ref-description">
    
    <p>Builds Google Fonts URL from family name. Extra weights are given in the
 <code>...</code> parameters. Languages can be specified in <code>langauges</code> and must one or
 more of the language codes as given by <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p>
    
    </div>

    <pre class="usage"><span class='fu'>google_font</span>(<span class='no'>family</span>, <span class='no'>...</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
    

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
@@ -152,33 +170,52 @@ more of the language codes as given by <code><a href='google_language_codes.html
 <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p></td>
    </tr>
    </table>
    


    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
    <pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)</div><div class='output co'>#&gt; Family:  Josefin Sans 
 #&gt; Weights: 400,400i,600i,700 
 #&gt; URL:     https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'>c</span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; Family:  Josefin Sans 
 #&gt; Langs:   latin-ext,vietnamese 
 #&gt; URL:     https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese</div></pre>
    <pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)</div><div class='output co'>#&gt; $family
 #&gt; [1] "Josefin Sans"
 #&gt; 
 #&gt; $weights
 #&gt; [1] "400,400i,600i,700"
 #&gt; 
 #&gt; $languages
 #&gt; NULL
 #&gt; 
 #&gt; $url
 #&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"
 #&gt; 
 #&gt; attr(,"class")
 #&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; $family
 #&gt; [1] "Josefin Sans"
 #&gt; 
 #&gt; $weights
 #&gt; NULL
 #&gt; 
 #&gt; $languages
 #&gt; [1] "latin-ext,vietnamese"
 #&gt; 
 #&gt; $url
 #&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"
 #&gt; 
 #&gt; attr(,"class")
 #&gt; [1] "google_font"</div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
            
      <li><a href="#examples">Examples</a></li>
    </ul>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -186,6 +223,8 @@ more of the language codes as given by <code><a href='google_language_codes.html

  


  </body>
 </html>


--- a/reference/google_language_codes.html
+++ b/reference/google_language_codes.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>List Valid Google Language Codes — google_language_codes • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,16 +38,22 @@



 <meta property="og:title" content="List Valid Google Language Codes — google_language_codes" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="List Valid Google Language Codes — google_language_codes" />
 <meta property="og:description" content="Gives a list of valid Language Codes for Google Fonts, or
 validates that the language codes given are valid." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -47,55 +61,54 @@ validates that the language codes given are valid." />
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -105,6 +118,12 @@ validates that the language codes given are valid." />
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -114,6 +133,7 @@ validates that the language codes given are valid." />
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -125,17 +145,17 @@ validates that the language codes given are valid." />
    </div>

    <div class="ref-description">
    
    <p>Gives a list of valid Language Codes for Google Fonts, or
 validates that the language codes given are valid.</p>
    
    </div>

    <pre class="usage"><span class='fu'>google_language_codes</span>(<span class='kw'>language_codes</span> <span class='kw'>=</span> <span class='fu'>c</span>(<span class='st'>"latin"</span>, <span class='st'>"latin-ext"</span>, <span class='st'>"sinhala"</span>,
  <span class='st'>"greek"</span>, <span class='st'>"hebrew"</span>, <span class='st'>"vietnamese"</span>, <span class='st'>"cyrillic"</span>, <span class='st'>"cyrillic-ext"</span>, <span class='st'>"devanagari"</span>,
  <span class='st'>"arabic"</span>, <span class='st'>"khmer"</span>, <span class='st'>"tamil"</span>, <span class='st'>"greek-ext"</span>, <span class='st'>"thai"</span>, <span class='st'>"bengali"</span>, <span class='st'>"gujarati"</span>,
  <span class='st'>"oriya"</span>, <span class='st'>"malayalam"</span>, <span class='st'>"gurmukhi"</span>, <span class='st'>"kannada"</span>, <span class='st'>"telugu"</span>, <span class='st'>"myanmar"</span>))</pre>
    
    <pre class="usage"><span class='fu'>google_language_codes</span>(
  <span class='kw'>language_codes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin"</span>, <span class='st'>"latin-ext"</span>, <span class='st'>"sinhala"</span>, <span class='st'>"greek"</span>, <span class='st'>"hebrew"</span>, <span class='st'>"vietnamese"</span>,
    <span class='st'>"cyrillic"</span>, <span class='st'>"cyrillic-ext"</span>, <span class='st'>"devanagari"</span>, <span class='st'>"arabic"</span>, <span class='st'>"khmer"</span>, <span class='st'>"tamil"</span>, <span class='st'>"greek-ext"</span>,
    <span class='st'>"thai"</span>, <span class='st'>"bengali"</span>, <span class='st'>"gujarati"</span>, <span class='st'>"oriya"</span>, <span class='st'>"malayalam"</span>, <span class='st'>"gurmukhi"</span>, <span class='st'>"kannada"</span>, <span class='st'>"telugu"</span>,
    <span class='st'>"myanmar"</span>)
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
@@ -144,31 +164,27 @@ validates that the language codes given are valid.</p>
      <td><p>Vector of potential Google language codes</p></td>
    </tr>
    </table>
    

    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p><code><a href='google_font.html'>google_font()</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -176,6 +192,8 @@ validates that the language codes given are valid.</p>

  


  </body>
 </html>


--- a/reference/index.html
+++ b/reference/index.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Function reference • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,12 +38,20 @@



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Function reference" />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -43,55 +59,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-index">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -101,6 +116,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -110,6 +131,7 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
@@ -133,140 +155,215 @@
          <p class="section-desc"><p>Functions that write CSS from inside a xaringan R markdown document.</p></p>
        </th>
      </tr>
      
      
    </tbody><tbody>
      
      
      <tr>
        
        <td>
          <p><code><a href="write_extra_css.html">write_extra_css()</a></code> </p>
          <p><code><a href="style_xaringan.html">xaringanthemer_font_default()</a></code> <code><a href="style_xaringan.html">style_xaringan()</a></code> </p>
        </td>
        <td><p>Write Extra CSS arguments</p></td>
        <td><p>Write A Customized Xaringan Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="write_xaringan_theme.html">write_xaringan_theme()</a></code> </p>
          <p><code><a href="style_extra_css.html">style_extra_css()</a></code> </p>
        </td>
        <td><p>Write A Customized Xaringan Theme</p></td>
        <td><p>Add Extra CSS Styles</p></td>
      </tr>
    </tbody><tbody>
      <tr>
        <th colspan="2">
          <h2 id="section-theme-functions" class="hasAnchor"><a href="#section-theme-functions" class="anchor"></a>Theme Functions</h2>
          <p class="section-desc"><p>Color theme functions for xaringan slides.</p></p>
          <h2 id="section-xaringan-themes" class="hasAnchor"><a href="#section-xaringan-themes" class="anchor"></a>xaringan Themes</h2>
          <p class="section-desc"><p>Parameterized styles for xaringan slides using one (mono) or two (duo) base colors. Bonus: slide styles based on the solarized color palette.</p></p>
        </th>
      </tr>
      
      
    </tbody><tbody>
      
      
      <tr>
        
        <td>
          <p><code><a href="mono_accent.html">mono_accent()</a></code> </p>
          <p><code><a href="style_mono_accent.html">style_mono_accent()</a></code> </p>
        </td>
        <td><p>Monotone Accent Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="mono_accent_inverse.html">mono_accent_inverse()</a></code> </p>
          <p><code><a href="style_mono_accent_inverse.html">style_mono_accent_inverse()</a></code> </p>
        </td>
        <td><p>Monotone Accent Inverse Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="mono_dark.html">mono_dark()</a></code> </p>
          <p><code><a href="style_mono_dark.html">style_mono_dark()</a></code> </p>
        </td>
        <td><p>Monotone Dark Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="mono_light.html">mono_light()</a></code> </p>
          <p><code><a href="style_mono_light.html">style_mono_light()</a></code> </p>
        </td>
        <td><p>Monotone Light Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="duo.html">duo()</a></code> </p>
          <p><code><a href="style_duo.html">style_duo()</a></code> </p>
        </td>
        <td><p>Duotone Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="duo_accent.html">duo_accent()</a></code> </p>
          <p><code><a href="style_duo_accent.html">style_duo_accent()</a></code> </p>
        </td>
        <td><p>Duotone Accent Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="duo_accent_inverse.html">duo_accent_inverse()</a></code> </p>
          <p><code><a href="style_duo_accent_inverse.html">style_duo_accent_inverse()</a></code> </p>
        </td>
        <td><p>Duotone Accent Inverse Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="solarized_dark.html">solarized_dark()</a></code> </p>
          <p><code><a href="style_solarized_dark.html">style_solarized_dark()</a></code> </p>
        </td>
        <td><p>Solarized Dark Theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="solarized_light.html">solarized_light()</a></code> </p>
          <p><code><a href="style_solarized_light.html">style_solarized_light()</a></code> </p>
        </td>
        <td><p>Solarized Light Theme</p></td>
      </tr>
    </tbody><tbody>
      <tr>
        <th colspan="2">
          <h2 id="section-helper-functions" class="hasAnchor"><a href="#section-helper-functions" class="anchor"></a>Helper functions</h2>
          <p class="section-desc"><p>Helpers for Google fonts and color adjustments.</p></p>
          <h2 id="section-google-fonts" class="hasAnchor"><a href="#section-google-fonts" class="anchor"></a>Google Fonts</h2>
          <p class="section-desc"><p>Helper functions for using Google Fonts in your slide styles.</p></p>
        </th>
      </tr>
      
      
    </tbody><tbody>
      
      
      <tr>
        
        <td>
          <p><code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> </p>
          <p><code><a href="google_font.html">google_font()</a></code> </p>
        </td>
        <td><p>Generate lighter or darker version of a color</p></td>
        <td><p>Specify Google Font</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="apply_alpha.html">apply_alpha()</a></code> </p>
          <p><code><a href="google_language_codes.html">google_language_codes()</a></code> </p>
        </td>
        <td><p>Add alpha to hex color</p></td>
        <td><p>List Valid Google Language Codes</p></td>
      </tr>
    </tbody><tbody>
      <tr>
        <th colspan="2">
          <h2 id="section-ggplot-themes" class="hasAnchor"><a href="#section-ggplot-themes" class="anchor"></a>ggplot2 Themes</h2>
          <p class="section-desc"><p>Plot themes for ggplot2 to match your xaringanthemer slide styles.</p></p>
        </th>
      </tr>
      
      
    </tbody><tbody>
      
      
      <tr>
        
        <td>
          <p><code><a href="theme_xaringan.html">theme_xaringan()</a></code> </p>
        </td>
        <td><p>A Plot Theme for ggplot2 by xaringanthemer</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> </p>
          <p><code><a href="theme_xaringan_inverse.html">theme_xaringan_inverse()</a></code> </p>
        </td>
        <td><p>Choose dark or light color</p></td>
        <td><p>An Inverse Plot Theme for ggplot2 by xaringanthemer</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="google_font.html">google_font()</a></code> </p>
          <p><code><a href="theme_xaringan_base.html">theme_xaringan_base()</a></code> </p>
        </td>
        <td><p>Specify Google Font</p></td>
        <td><p>The ggplot2 xaringanthemer base plot theme</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="google_language_codes.html">google_language_codes()</a></code> </p>
          <p><code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults()</a></code> <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code> </p>
        </td>
        <td><p>List Valid Google Language Codes</p></td>
        <td><p>Set and Restore ggplot2 geom Defaults</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="scale_xaringan.html">scale_xaringan_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_fill_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_color_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_colour_discrete()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_fill_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_color_continuous()</a></code> <code><a href="scale_xaringan.html">scale_xaringan_colour_continuous()</a></code> </p>
        </td>
        <td><p>Xaringan Themer ggplot2 Scales</p></td>
      </tr>
    </tbody><tbody>
      <tr>
        <th colspan="2">
          <h2 id="section-helper-functions" class="hasAnchor"><a href="#section-helper-functions" class="anchor"></a>Helper functions</h2>
          <p class="section-desc"><p>Helpers for Google fonts and color adjustments.</p></p>
        </th>
      </tr>
      
      
    </tbody><tbody>
      
      
      <tr>
        
        <td>
          <p><code><a href="theme_xaringan_get_value.html">theme_xaringan_get_value()</a></code> </p>
        </td>
        <td><p>Get the Value of xaringanthemer Style Setting</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="lighten_darken_color.html">lighten_color()</a></code> <code><a href="lighten_darken_color.html">darken_color()</a></code> </p>
        </td>
        <td><p>Generate lighter or darker version of a color</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="apply_alpha.html">apply_alpha()</a></code> </p>
        </td>
        <td><p>Add alpha to hex color</p></td>
      </tr><tr>
        
        <td>
          <p><code><a href="choose_dark_or_light.html">choose_dark_or_light()</a></code> </p>
        </td>
        <td><p>Choose dark or light color</p></td>
      </tr>
    </tbody>
    </table>
  </div>

  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#section-writing-css">Writing CSS</a></li>
      <li><a href="#section-theme-functions">Theme Functions</a></li>
      <li><a href="#section-helper-functions">Helper functions</a></li>
    </ul>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -274,6 +371,8 @@

  


  </body>
 </html>


--- a/reference/lighten_darken_color-1.png
+++ b/reference/lighten_darken_color-1.png
--- a/reference/lighten_darken_color.html
+++ b/reference/lighten_darken_color.html
@@ -1,6 +1,6 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,21 +8,29 @@

 <title>Generate lighter or darker version of a color — lighten_darken_color • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,15 +38,21 @@



 <meta property="og:title" content="Generate lighter or darker version of a color — lighten_darken_color" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Generate lighter or darker version of a color — lighten_darken_color" />
 <meta property="og:description" content="Produces a linear blend of the color with white or black." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -46,55 +60,54 @@
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -104,6 +117,12 @@
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -113,26 +132,25 @@
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Generate lighter or darker version of a color</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/color.R'><code>R/color.R</code></a></small>
    <div class="hidden name"><code>lighten_darken_color.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Produces a linear blend of the color with white or black.</p>
    
    </div>

    <pre class="usage"><span class='fu'>lighten_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.7</span>)

 <span class='fu'>darken_color</span>(<span class='no'>color_hex</span>, <span class='kw'>strength</span> <span class='kw'>=</span> <span class='fl'>0.8</span>)</pre>
    

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
@@ -143,28 +161,37 @@
    <tr>
      <th>strength</th>
      <td><p>The "strength" of the blend with white or black,
 0 low to 1 high.</p></td>
 where 0 is entirely the original color and 1 is entirely white
 (<code>lighten_color()</code>) or black (<code>darken_color()</code>).</p></td>
    </tr>
    </table>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
                </ul>

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

 <span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"scales"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)) {
  <span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://scales.r-lib.org//reference/show_col.html'>show_col</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='no'>blue_light</span>, <span class='no'>blue</span>, <span class='no'>blue_dark</span>))
 }</div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'>
 </div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -172,6 +199,8 @@

  


  </body>
 </html>


--- a/reference/mono_accent.html
+++ b/reference/mono_accent.html
@@ -1,452 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Accent Theme — mono_accent • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Monotone Accent Theme — mono_accent" />

 <meta property="og:description" content="The default xaringan theme with a single color used for color
  accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Accent Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_accent.R'><code>R/mono_accent.R</code></a></small>
    <div class="hidden name"><code>mono_accent.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>The default xaringan theme with a single color used for color
  accents on select elements (headers, bold text, etc.).</p>
    
    </div>

    <pre class="usage"><span class='fu'>mono_accent</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>, <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <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>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #272822. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code>,
  <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/mono_accent_inverse.html
+++ b/reference/mono_accent_inverse.html
@@ -1,451 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Accent Inverse Theme — mono_accent_inverse • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Monotone Accent Inverse Theme — mono_accent_inverse" />

 <meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a single color used
  for color accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Accent Inverse Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_accent_inverse.R'><code>R/mono_accent_inverse.R</code></a></small>
    <div class="hidden name"><code>mono_accent_inverse.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>An "inverted" default xaringan theme with a single color used
  for color accents on select elements (headers, bold text, etc.).</p>
    
    </div>

    <pre class="usage"><span class='fu'>mono_accent_inverse</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3C989E"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>), <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <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>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to #FFFFFF. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Monotone themes: <code><a href='mono_accent.html'>mono_accent</a></code>,
  <code><a href='mono_dark.html'>mono_dark</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/mono_dark.html
+++ b/reference/mono_dark.html
@@ -1,451 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Dark Theme — mono_dark • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Monotone Dark Theme — mono_dark" />

 <meta property="og:description" content="A dark monotone theme based around a single color." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Dark Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_dark.R'><code>R/mono_dark.R</code></a></small>
    <div class="hidden name"><code>mono_dark.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>A dark monotone theme based around a single color.</p>
    
    </div>

    <pre class="usage"><span class='fu'>mono_dark</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>,
  <span class='fl'>0.8</span>), <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.85</span>),
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <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>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>black_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_light.html'>mono_light</a></code>,
  <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_light.html'>mono_light</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/mono_light.html
+++ b/reference/mono_light.html
@@ -1,451 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Light Theme — mono_light • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Monotone Light Theme — mono_light" />

 <meta property="og:description" content="A light monotone theme based around a single color." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Light Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/mono_light.R'><code>R/mono_light.R</code></a></small>
    <div class="hidden name"><code>mono_light.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>A light monotone theme based around a single color.</p>
    
    </div>

    <pre class="usage"><span class='fu'>mono_light</span>(<span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>, <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>,
  <span class='fl'>0.9</span>), <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.3</span>),
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>, <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>, <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>, <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>, <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <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>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Modifies multiple CSS classes or elements.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to <code>base_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>white_color</code>. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Monotone themes: <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/scale_xaringan-1.png
+++ b/reference/scale_xaringan-1.png
--- a/reference/scale_xaringan.html
+++ b/reference/scale_xaringan.html
@@ -0,0 +1,330 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Xaringan Themer ggplot2 Scales — scale_xaringan • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Xaringan Themer ggplot2 Scales — scale_xaringan" />
 <meta property="og:description" content="Lifecycle: Maturing
 Color and fill single-color scales for discrete and continuous values,
 created using the primary accent color of the xaringanthemer styles." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Xaringan Themer ggplot2 Scales</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>scale_xaringan.Rd</code></div>
    </div>

    <div class="ref-description">
    <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
 <p>Color and fill single-color scales for discrete and continuous values,
 created using the primary accent color of the xaringanthemer styles.</p>
    </div>

    <pre class="usage"><span class='fu'>scale_xaringan_discrete</span>(
  <span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_fill_discrete</span>(<span class='no'>...</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)

 <span class='fu'>scale_xaringan_color_discrete</span>(
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_colour_discrete</span>(
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_continuous</span>(
  <span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
  <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_fill_continuous</span>(
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
  <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_color_continuous</span>(
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
  <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )

 <span class='fu'>scale_xaringan_colour_continuous</span>(
  <span class='no'>...</span>,
  <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,
  <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,
  <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>aes_type</th>
      <td><p>The type of aesthetic to which the scale is being applied.
 One of "color", "colour", or "fill".</p></td>
    </tr>
    <tr>
      <th>...</th>
      <td><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale
 functions — one of <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_color_discrete_sequential</a>,
 <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_color_continuous_sequential</a>,
 <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_fill_discrete_sequential</a>, or
 <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_fill_continuous_sequential</a> — or to
 <a href='https://ggplot2.tidyverse.org/reference/continuous_scale.html'>ggplot2::continuous_scale</a> or <a href='https://ggplot2.tidyverse.org/reference/discrete_scale.html'>ggplot2::discrete_scale</a>.</p></td>
    </tr>
    <tr>
      <th>color</th>
      <td><p>A color value, in hex, to override the default color. Otherwise,
 the primary color of the resulting scale is chosen from the xaringanthemer
 slide styles.</p></td>
    </tr>
    <tr>
      <th>direction</th>
      <td><p>Direction of the discrete scale. Use values less than 0 to
 reverse the direction, e.g. <code>direction = -1</code>.</p></td>
    </tr>
    <tr>
      <th>inverse</th>
      <td><p>If <code>color</code> is not supplied and <code>inverse = TRUE</code>, a primary
 color is chosen to work well with the inverse slide styles, namely the
 value of <code>inverse_header_color</code></p></td>
    </tr>
    <tr>
      <th>begin</th>
      <td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the smallest data value should be mapped.</p></td>
    </tr>
    <tr>
      <th>end</th>
      <td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the largest data value should be mapped.</p></td>
    </tr>
    </table>


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

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

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

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

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

  <span class='co'># Color scales demo</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>ex</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>name</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='no'>name</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>10</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching color scales"</span>) +
    <span class='co'># themed to match the slides: dark blue background with teal text</span>
    <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() +
    <span class='co'># Fill color matches teal text</span>
    <span class='fu'>scale_xaringan_color_discrete</span>(<span class='kw'>direction</span> <span class='kw'>=</span> -<span class='fl'>1</span>)
 }</div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'>
 </div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/solarized_dark.html
+++ b/reference/solarized_dark.html
@@ -1,444 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Solarized Dark Theme — solarized_dark • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Solarized Dark Theme — solarized_dark" />

 <meta property="og:description" content="A dark theme based around on the solarized color scheme.
  Works well with &quot;highlightStyle: solarized-dark&quot; or
  &quot;highlighStyle: solarized-light&quot;." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Solarized Dark Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/solarized_dark.R'><code>R/solarized_dark.R</code></a></small>
    <div class="hidden name"><code>solarized_dark.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>A dark theme based around on the solarized color scheme.
  Works well with "<code>highlightStyle: solarized-dark</code>" or
  "<code>highlighStyle: solarized-light</code>".</p>
    
    </div>

    <pre class="usage"><span class='fu'>solarized_dark</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#073642"</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #002b36. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to #d33682. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <th>text_slide_number_color</th>
      <td><p>Slide Number Color. Defaults to #586e75. Modifies the <code>.remark-slide-number</code> class.</p></td>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>code_highlight_color</th>
      <td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to #fdf6e3. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #002b36. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

    <p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_light.html'>solarized_light</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Solarized themes: <code><a href='solarized_light.html'>solarized_light</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#references">References</a></li>

      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/solarized_light.html
+++ b/reference/solarized_light.html
@@ -1,444 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Solarized Light Theme — solarized_light • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Solarized Light Theme — solarized_light" />

 <meta property="og:description" content="A light theme based around on the solarized color scheme.
  Works well with &quot;highlightStyle: solarized-dark&quot; or
  &quot;highlighStyle: solarized-light&quot;." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Solarized Light Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/solarized_light.R'><code>R/solarized_light.R</code></a></small>
    <div class="hidden name"><code>solarized_light.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>A light theme based around on the solarized color scheme.
  Works well with "<code>highlightStyle: solarized-dark</code>" or
  "<code>highlighStyle: solarized-light</code>".</p>
    
    </div>

    <pre class="usage"><span class='fu'>solarized_light</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee8d5"</span>, <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>, <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>, <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>,
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #dc322f. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #fdf6e3. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to #b58900. Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to #d33682. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <th>text_slide_number_color</th>
      <td><p>Slide Number Color. Defaults to #93a1a1. Modifies the <code>.remark-slide-number</code> class.</p></td>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>code_highlight_color</th>
      <td><p>Code Line Highlight. Defaults to #268bd240. Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #6c71c4. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to #002b36. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

    <p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='write_xaringan_theme.html'>write_xaringan_theme</a></code></p>
 <p>Other Solarized themes: <code><a href='solarized_dark.html'>solarized_dark</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#references">References</a></li>

      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/style_duo.html
+++ b/reference/style_duo.html
@@ -0,0 +1,755 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Theme — style_duo • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Duotone Theme — style_duo" />
 <meta property="og:description" content="A duotone theme designed to work well with two complementary
 colors." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo.R'><code>R/style_duo.R</code></a></small>
    <div class="hidden name"><code>style_duo.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A duotone theme designed to work well with two complementary
 colors.</p>
    </div>

    <pre class="usage"><span class='fu'>style_duo</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1F4257"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#F97B64"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.9</span>),
    <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.99</span>)),
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.9</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #1F4257. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
 a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>.
 Modifies the <code>body</code> element. The value of this variable is also stored as
 a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies
 the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a
 CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>primary_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>secondary_color</code>.
 Modifies the <code>strong</code> element. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>primary_color</code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.9)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Duotone themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div>

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

 <span class='fu'>style_duo</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#1f4257"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#f97b64"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_duo_accent.html
+++ b/reference/style_duo_accent.html
@@ -0,0 +1,776 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Accent Theme — style_duo_accent • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Duotone Accent Theme — style_duo_accent" />
 <meta property="og:description" content="An default xaringan theme with a two colors used for color
 accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Accent Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo_accent.R'><code>R/style_duo_accent.R</code></a></small>
    <div class="hidden name"><code>style_duo_accent.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>An default xaringan theme with a two colors used for color
 accents on select elements (headers, bold text, etc.).</p>
    </div>

    <pre class="usage"><span class='fu'>style_duo_accent</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>, <span class='no'>secondary_color</span>),
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
    <span class='no'>secondary_color</span>),
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>primary_color</span>,
    <span class='no'>secondary_color</span>),
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #006747. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #CFC493. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
 a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #000000. Used in multiple
 CSS rules. The value of this variable is also stored as a CSS variable
 that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>white_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
 Modifies the <code>a, a &gt; code</code> elements. The value of this variable is also
 stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
 Modifies the <code>strong</code> element. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>.
 Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_header_color</th>
      <td><p>Inverse Header Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
 Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <th>title_slide_text_color</th>
      <td><p>Title Slide Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies
 the <code>.title-slide</code> class. The value of this variable is also stored as a
 CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.8)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Duotone themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code></p></div>

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

 <span class='fu'>style_duo_accent</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#cfc493"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_duo_accent_inverse.html
+++ b/reference/style_duo_accent_inverse.html
@@ -0,0 +1,778 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Duotone Accent Inverse Theme — style_duo_accent_inverse • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Duotone Accent Inverse Theme — style_duo_accent_inverse" />
 <meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a two colors used
 for color accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Duotone Accent Inverse Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_duo_accent_inverse.R'><code>R/style_duo_accent_inverse.R</code></a></small>
    <div class="hidden name"><code>style_duo_accent_inverse.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>An "inverted" default xaringan theme with a two colors used
 for color accents on select elements (headers, bold text, etc.).</p>
    </div>

    <pre class="usage"><span class='fu'>style_duo_accent_inverse</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#CFC493"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#000000"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>, <span class='no'>primary_color</span>),
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
    <span class='no'>primary_color</span>),
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>secondary_color</span>,
    <span class='no'>primary_color</span>),
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>secondary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>, <span class='no'>black_color</span>, <span class='no'>white_color</span>),
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>primary_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>secondary_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='fu'><a href='choose_dark_or_light.html'>choose_dark_or_light</a></span>(<span class='no'>primary_color</span>,
    <span class='no'>secondary_color</span>, <span class='no'>primary_color</span>), <span class='fl'>0.2</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>primary_color</th>
      <td><p>Duotone Primary Color. Defaults to #006747. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>secondary_color</th>
      <td><p>Duotone Secondary Color. Defaults to #CFC493. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of
 a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #000000. Used in multiple
 CSS rules. The value of this variable is also stored as a CSS variable
 that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>black_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
 Modifies the <code>a, a &gt; code</code> elements. The value of this variable is also
 stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
 Modifies the <code>strong</code> element. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>.
 Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_header_color</th>
      <td><p>Inverse Header Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>.
 Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <th>title_slide_text_color</th>
      <td><p>Title Slide Text Color. Defaults to
 <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies
 the <code>.title-slide</code> class. The value of this variable is also stored as a
 CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to
 <code><a href='lighten_darken_color.html'>darken_color(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>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Duotone themes: 
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code></p></div>

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

 <span class='fu'>style_duo_accent_inverse</span>(
  <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#006747"</span>,
  <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#cfc493"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_extra_css.html
+++ b/reference/style_extra_css.html
@@ -0,0 +1,246 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Add Extra CSS Styles — style_extra_css • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Add Extra CSS Styles — style_extra_css" />
 <meta property="og:description" content="Adds css elements to target outfile, typically a xaringanthemer css file.
 The css argument takes a list of CSS classes and definitions (see examples below)
 and appends CSS rules to outfile." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Add Extra CSS Styles</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_extra_css.R'><code>R/style_extra_css.R</code></a></small>
    <div class="hidden name"><code>style_extra_css.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>Adds css elements to target <code>outfile</code>, typically a xaringanthemer css file.
 The <code>css</code> argument takes a list of CSS classes and definitions (see examples below)
 and appends CSS rules to <code>outfile</code>.</p>
    </div>

    <pre class="usage"><span class='fu'>style_extra_css</span>(
  <span class='no'>css</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>,
  <span class='kw'>append</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
  <span class='kw'>heading</span> <span class='kw'>=</span> <span class='st'>"Extra CSS"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    <tr>
      <th>append</th>
      <td><p>If <code>TRUE</code> output will be appended to <code>outfile</code>; otherwise,
 it will overwrite the contents of <code>outfile</code>.</p></td>
    </tr>
    <tr>
      <th>heading</th>
      <td><p>Heading added above extra CSS. Use <code>NULL</code> to disable.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="css-list"><a class="anchor" href="#css-list"></a>css list</h2>

    

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

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


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_mono_accent.html
+++ b/reference/style_mono_accent.html
@@ -0,0 +1,761 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Accent Theme — style_mono_accent • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Monotone Accent Theme — style_mono_accent" />
 <meta property="og:description" content="The default xaringan theme with a single color used for color
 accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Accent Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_accent.R'><code>R/style_mono_accent.R</code></a></small>
    <div class="hidden name"><code>style_mono_accent.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>The default xaringan theme with a single color used for color
 accents on select elements (headers, bold text, etc.).</p>
    </div>

    <pre class="usage"><span class='fu'>style_mono_accent</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>,
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>base_color</th>
      <td><p>Monotone Base Color, works best with a strong color.
 Defaults to #43418A. Used in multiple CSS rules. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used. Defaults to #FFFFFF. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used. Defaults to #272822. Used in multiple
 CSS rules. The value of this variable is also stored as a CSS variable
 that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>white_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
 the <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>white_color</code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Monotone themes: 
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

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

 <span class='fu'>style_mono_accent</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#43418A"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_mono_accent_inverse.html
+++ b/reference/style_mono_accent_inverse.html
@@ -0,0 +1,762 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Accent Inverse Theme — style_mono_accent_inverse • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Monotone Accent Inverse Theme — style_mono_accent_inverse" />
 <meta property="og:description" content="An &quot;inverted&quot; default xaringan theme with a single color used
 for color accents on select elements (headers, bold text, etc.)." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Accent Inverse Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_accent_inverse.R'><code>R/style_mono_accent_inverse.R</code></a></small>
    <div class="hidden name"><code>style_mono_accent_inverse.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>An "inverted" default xaringan theme with a single color used
 for color accents on select elements (headers, bold text, etc.).</p>
    </div>

    <pre class="usage"><span class='fu'>style_mono_accent_inverse</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3C989E"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='st'>"#FFFFFF"</span>,
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>base_color</th>
      <td><p>Monotone Base Color, works best with a light color.
 Defaults to #3C989E. Used in multiple CSS rules. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of
 <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value
 of this variable is also stored as a CSS variable that can be referenced
 with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of
 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>black_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
 the <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>black_color</code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.8)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Monotone themes: 
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

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

 <span class='fu'>style_mono_accent_inverse</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#3c989e"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_mono_dark.html
+++ b/reference/style_mono_dark.html
@@ -0,0 +1,761 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Dark Theme — style_mono_dark • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Monotone Dark Theme — style_mono_dark" />
 <meta property="og:description" content="A dark monotone theme based around a single color." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Dark Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_dark.R'><code>R/style_mono_dark.R</code></a></small>
    <div class="hidden name"><code>style_mono_dark.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A dark monotone theme based around a single color.</p>
    </div>

    <pre class="usage"><span class='fu'>style_mono_dark</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.85</span>),
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.7</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>base_color</th>
      <td><p>Monotone Base Color, works best with a light color..
 Defaults to #cbf7ed. Used in multiple CSS rules. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of
 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of
 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>black_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
 the <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>black_color</code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Monotone themes: 
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div>

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

 <span class='fu'>style_mono_dark</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#cbf7ed"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_mono_light.html
+++ b/reference/style_mono_light.html
@@ -0,0 +1,761 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Monotone Light Theme — style_mono_light • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Monotone Light Theme — style_mono_light" />
 <meta property="og:description" content="A light monotone theme based around a single color." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Monotone Light Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_mono_light.R'><code>R/style_mono_light.R</code></a></small>
    <div class="hidden name"><code>style_mono_light.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A light monotone theme based around a single color.</p>
    </div>

    <pre class="usage"><span class='fu'>style_mono_light</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>,
  <span class='kw'>white_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.9</span>),
  <span class='kw'>black_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>darken_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.3</span>),
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='no'>black_color</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>white_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.6</span>),
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>base_color</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='fu'><a href='apply_alpha.html'>apply_alpha</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.5</span>),
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='fu'><a href='lighten_darken_color.html'>lighten_color</a></span>(<span class='no'>base_color</span>, <span class='fl'>0.8</span>),
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>base_color</th>
      <td><p>Monotone base color, works best with a strong color.
 Defaults to #23395b. Used in multiple CSS rules. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>white_color</th>
      <td><p>Brightest color used, default is a very light version of
 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>black_color</th>
      <td><p>Darkest color used, default is a very dark, version of
 <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Used in
 multiple CSS rules. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to <code>white_color</code>.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies
 the <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to <code>white_color</code>.
 Modifies the <code>.inverse</code> class. The value of this variable is also stored
 as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code>
 in any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>left_column_subtle_color</th>
      <td><p>Left Column Text (not last). Defaults to
 <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the
 <code>.left-column h2, .left-column h3</code> classes.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>table_row_even_background_color</th>
      <td><p>Table Even Row Background Color.
 Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the
 <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Monotone themes: 
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div>

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

 <span class='fu'>style_mono_light</span>(
  <span class='kw'>base_color</span> <span class='kw'>=</span> <span class='st'>"#23395b"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_solarized_dark.html
+++ b/reference/style_solarized_dark.html
@@ -0,0 +1,738 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Solarized Dark Theme — style_solarized_dark • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Solarized Dark Theme — style_solarized_dark" />
 <meta property="og:description" content="A dark theme based around on the solarized color scheme.
 Works well with &quot;highlightStyle: solarized-dark&quot; or
 &quot;highlighStyle: solarized-light&quot;." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Solarized Dark Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_solarized_dark.R'><code>R/style_solarized_dark.R</code></a></small>
    <div class="hidden name"><code>style_solarized_dark.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A dark theme based around on the solarized color scheme.
 Works well with "<code>highlightStyle: solarized-dark</code>" or
 "<code>highlighStyle: solarized-light</code>".</p>
    </div>

    <pre class="usage"><span class='fu'>style_solarized_dark</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#073642"</span>,
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #dc322f. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #002b36.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to #b58900. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to #d33682. Modifies the
 <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_slide_number_color</th>
      <td><p>Slide Number Color. Defaults to #586e75.
 Modifies the <code>.remark-slide-number</code> class.</p></td>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>code_highlight_color</th>
      <td><p>Code Line Highlight. Defaults to #268bd240.
 Modifies the <code>.remark-code-line-highlighted</code> class. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #6c71c4. Modifies
 the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #002b36. Modifies
 the <code>.inverse</code> class. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

    <p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Solarized themes: 
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div>

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

 <span class='fu'>style_solarized_dark</span>(
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_solarized_light.html
+++ b/reference/style_solarized_light.html
@@ -0,0 +1,738 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Solarized Light Theme — style_solarized_light • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Solarized Light Theme — style_solarized_light" />
 <meta property="og:description" content="A light theme based around on the solarized color scheme.
 Works well with &quot;highlightStyle: solarized-dark&quot; or
 &quot;highlighStyle: solarized-light&quot;." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Solarized Light Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_solarized_light.R'><code>R/style_solarized_light.R</code></a></small>
    <div class="hidden name"><code>style_solarized_light.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A light theme based around on the solarized color scheme.
 Works well with "<code>highlightStyle: solarized-dark</code>" or
 "<code>highlighStyle: solarized-light</code>".</p>
    </div>

    <pre class="usage"><span class='fu'>style_solarized_light</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#657b83"</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#dc322f"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"#b58900"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='st'>"#d33682"</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"#268bd240"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#6c71c4"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#fdf6e3"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#93a1a1"</span>,
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#586e75"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"#cb4b16"</span>,
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#839496"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee8d5"</span>,
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'><a href='style_xaringan.html'>xaringanthemer_font_default</a></span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #dc322f. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #fdf6e3.
 Modifies the <code>.remark-slide-content</code> class. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to #b58900. Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to #d33682. Modifies the
 <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_slide_number_color</th>
      <td><p>Slide Number Color. Defaults to #93a1a1.
 Modifies the <code>.remark-slide-number</code> class.</p></td>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>code_highlight_color</th>
      <td><p>Code Line Highlight. Defaults to #268bd240.
 Modifies the <code>.remark-code-line-highlighted</code> class. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #6c71c4. Modifies
 the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies
 the <code>.inverse</code> class. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to #cb4b16. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code><a href='style_xaringan.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="references"><a class="anchor" href="#references"></a>References</h2>

    <p><a href='http://ethanschoonover.com/solarized'>http://ethanschoonover.com/solarized</a></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_xaringan.html'>xaringanthemer_font_default</a>()</code></p>
 <p>Other Solarized themes: 
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div>

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

 <span class='fu'>style_solarized_light</span>(
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/style_xaringan.html
+++ b/reference/style_xaringan.html
@@ -0,0 +1,746 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Write A Customized Xaringan Theme — xaringanthemer_font_default • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Write A Customized Xaringan Theme — xaringanthemer_font_default" />
 <meta property="og:description" content="Creates a customized Xaringan theme CSS file." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Write A Customized Xaringan Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_font_default.R'><code>R/style_font_default.R</code></a>, <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/style_xaringan.R'><code>R/style_xaringan.R</code></a></small>
    <div class="hidden name"><code>style_xaringan.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>Creates a customized Xaringan theme CSS file.</p>
    </div>

    <pre class="usage"><span class='fu'>xaringanthemer_font_default</span>(<span class='no'>font_arg</span>)

 <span class='fu'>style_xaringan</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>,
  <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"rgb(249, 38, 114)"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"16px 64px 16px 64px"</span>,
  <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#d6d6d6"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='st'>"#f3f3f3"</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"60px"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#777"</span>,
  <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"lightgray"</span>,
  <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>,
  <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee"</span>,
  <span class='kw'>base_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"1rem"</span>,
  <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"2.75rem"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"2.25rem"</span>,
  <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"1.75rem"</span>,
  <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>, <span class='st'>"middle"</span>, <span class='st'>"bottom"</span>),
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_family"</span>),
  <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_weight"</span>),
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_url"</span>),
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"text_font_family_fallback"</span>),
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"sans-serif"</span>,
  <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_family"</span>),
  <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_weight"</span>),
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"header_font_url"</span>),
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_family"</span>),
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9rem"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_url"</span>),
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='fu'>xaringanthemer_font_default</span>(<span class='st'>"code_font_family_fallback"</span>),
  <span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>font_arg</th>
      <td><p>A font argument from the <span class="pkg">xaringanthemer</span> <code>style_</code>
 function family.</p></td>
    </tr>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #000. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #FFF. Modifies
 the <code>.remark-slide-content</code> class. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the
 <code>a, a &gt; code</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument
 of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the
 <code>strong</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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.
 Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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.
 The value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style
 function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #000. Modifies the
 <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_font_size</th>
      <td><p>Inline Code Text Font Size. Defaults to 1em.
 Modifies the <code>.remark-inline-code</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to
 #272822. Modifies the <code>.inverse</code> class. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or
 in custom CSS.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies
 the <code>.inverse</code> class. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_header_color</th>
      <td><p>Inverse Header Color. Defaults to #f3f3f3.
 Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of
 this variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this
 variable is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The
 value of this variable is also stored as a CSS variable that can be
 referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-size'>background-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background-position'>background-position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies
 the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen.
 Defaults to 60px. Modifies the <code>.footnote</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position_value'>position</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults
 to lightgray. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable
 is also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 1rem. Modifies
 the <code>.remark-slide-content</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in
 custom CSS.</p></td>
    </tr>
    <tr>
      <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. The value of this variable is also
 stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function
 or in custom CSS.</p></td>
    </tr>
    <tr>
      <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. Accepts
 CSS <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/padding'>padding</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family (xaringan default is
 <code>'Droid Serif'</code>). Defaults to
 <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code>
 element. The value of this variable is also stored as a CSS variable that
 can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a
 style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to
 <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code>
 element. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to
 <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the
 <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to
 <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the
 <code>body</code> element. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in
 any argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults
 to sans-serif. Modifies the <code>body</code> element. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family (xaringan default is
 <code>'Yanone Kaffeesatz'</code>). Defaults to
 <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the
 <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to
 <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the
 <code>h1, h2, h3</code> elements. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a>
 property values.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to
 <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the
 <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_family</th>
      <td><p>Code Font Family. Defaults to
 <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is
 also stored as a CSS variable that can be referenced with
 <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom
 CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9rem. Modifies the
 <code>.remark-inline</code> class. Accepts CSS
 <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a>
 property values. The value of this variable is also stored as a CSS
 variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any
 argument of a style function or in custom CSS.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to
 <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code>
 elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to
 <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the
 <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>colors</th>
      <td><p>A named vector of custom colors. The names of the colors
 become CSS variables and classes that can be used within your slides.
 For example, <code>colors = c(blue = "#bad4ed")</code> adds a CSS variable
 <code>--blue</code>, a <code>.blue</code> CSS class that applies the color to the text or
 foreground color, and a <code>.bg-blue</code> CSS class that applies the color
 to the background.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code>. To use a font imported in <code>extra_fonts</code>, you
 will need to write custom CSS rules that apply the font to an element or
 class with the <code>font-family</code> property. See the <strong>Fonts</strong> section of
 <code><a href='../articles/xaringanthemer.html'>vignette("xaringanthemer")</a></code> for an example.</p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="functions"><a class="anchor" href="#functions"></a>Functions</h2>

    
 <ul>
 <li><p><code>xaringanthemer_font_default</code>: Default values for font family, wieght, URLs and
 font fallbacks.</p></li>
 </ul>
    <h2 class="hasAnchor" id="usage"><a class="anchor" href="#usage"></a>Usage</h2>

    <p>To use the styles created by this theme function, make sure
 that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML
 header. If you change the name of the output file using the <code>outfile</code>
 argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='no'>output</span>:
 <span class='kw pkg'>xaringan</span><span class='kw ns'>::</span><span class='no'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span>:
  <span class='no'>css</span>: <span class='no'>xaringan</span>-<span class='no'>themer.css</span></pre><p></div></p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: 
 <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a>()</code>,
 <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code>,
 <code><a href='style_duo.html'>style_duo</a>()</code>,
 <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a>()</code>,
 <code><a href='style_mono_accent.html'>style_mono_accent</a>()</code>,
 <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code>,
 <code><a href='style_mono_light.html'>style_mono_light</a>()</code>,
 <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code>,
 <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div>

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

 <span class='fu'>style_xaringan</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#002b3"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,
  <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#002b3"</span>,
  <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span>
                                <span class='co'># styles to xaringan-themer.css</span>
 )

 <span class='co'># View the CSS:</span>
 <span class='co'># file.edit(xaringan_themer_css)</span></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/theme_xaringan-1.png
+++ b/reference/theme_xaringan-1.png
--- a/reference/theme_xaringan.html
+++ b/reference/theme_xaringan.html
@@ -0,0 +1,311 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="A Plot Theme for ggplot2 by xaringanthemer — theme_xaringan" />
 <meta property="og:description" content="Lifecycle: Maturing
 Creates ggplot2 themes to match the xaringanthemer theme used in the
 xaringan slides that seamlessly matches the &quot;normal&quot; slide colors and
 styles." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>A Plot Theme for ggplot2 by xaringanthemer</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>theme_xaringan.Rd</code></div>
    </div>

    <div class="ref-description">
    <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
 <p>Creates <span class="pkg">ggplot2</span> themes to match the xaringanthemer theme used in the
 <span class="pkg">xaringan</span> slides that seamlessly matches the "normal" slide colors and
 styles.</p>
    </div>

    <pre class="usage"><span class='fu'>theme_xaringan</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
  <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Color for background, inherits from
 <code>background_color</code></p></td>
    </tr>
    <tr>
      <th>accent_color</th>
      <td><p>Color for titles and accents, inherits from
 <code>header_color</code></p></td>
    </tr>
    <tr>
      <th>accent_secondary_color</th>
      <td><p>Color for secondary accents, inherits from
 <code>text_bold_color</code></p></td>
    </tr>
    <tr>
      <th>css_file</th>
      <td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
 theme variables and values will be inferred. In general, if you use the
 <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
 lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
 if you have only saved your theme CSS file and you aren't creating your
 CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
    </tr>
    <tr>
      <th>set_ggplot_defaults</th>
      <td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
 Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
 defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
    </tr>
    <tr>
      <th>text_font</th>
      <td><p>Font to use for text elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>text_font_use_google</th>
      <td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Base text font size, inherits from <code>text_font_size</code>, or
 defaults to 11.</p></td>
    </tr>
    <tr>
      <th>title_font</th>
      <td><p>Font to use for title elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>title_font_use_google</th>
      <td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>title_font_size</th>
      <td><p>Base text font size, inherits from <code>title_font_size</code>,
 or defaults to 14.</p></td>
    </tr>
    <tr>
      <th>use_showtext</th>
      <td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
 used to register Google fonts. Set to <code>FALSE</code> to disable this feature
 entirely, which may result in errors during plotting if the fonts used are
 not available locally.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

    <p>A ggplot2 theme</p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other xaringanthemer ggplot2 themes: 
 <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
 <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
 <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div>

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

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

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

  <span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Yet another Iris plot"</span>) +
    <span class='fu'>theme_xaringan</span>()
 }</div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/theme_xaringan_base-1.png
+++ b/reference/theme_xaringan_base-1.png
--- a/reference/theme_xaringan_base-2.png
+++ b/reference/theme_xaringan_base-2.png
--- a/reference/theme_xaringan_base.html
+++ b/reference/theme_xaringan_base.html
@@ -0,0 +1,335 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>The ggplot2 xaringanthemer base plot theme — theme_xaringan_base • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="The ggplot2 xaringanthemer base plot theme — theme_xaringan_base" />
 <meta property="og:description" content="Lifecycle: Maturing
 Provides a base plot theme for ggplot2 to match the xaringan slide theme
 created by xaringanthemer. The theme is designed to create a general plot
 style from two colors, a background_color and a text_color (or foreground
 color). Also accepts an accent_color and an accent_secondary_color that are
 xaringanthemer is not required for the base theme. Use
 theme_xaringan() or theme_xaringan_inverse() in xaringan slides styled by
 xaringanthemer for a plot theme that matches the slide style." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>The ggplot2 xaringanthemer base plot theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>theme_xaringan_base.Rd</code></div>
    </div>

    <div class="ref-description">
    <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
 <p>Provides a base plot theme for <span class="pkg">ggplot2</span> to match the <span class="pkg">xaringan</span> slide theme
 created by <a href='xaringanthemer-package.html'>xaringanthemer</a>. The theme is designed to create a general plot
 style from two colors, a <code>background_color</code> and a <code>text_color</code> (or foreground
 color). Also accepts an <code>accent_color</code> and an <code>accent_secondary_color</code> that are
 <a href='xaringanthemer-package.html'>xaringanthemer</a> is not required for the base theme. Use
 <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code> in xaringan slides styled by
 xaringanthemer for a plot theme that matches the slide style.</p>
    </div>

    <pre class="usage"><span class='fu'>theme_xaringan_base</span>(
  <span class='no'>text_color</span>,
  <span class='no'>background_color</span>,
  <span class='no'>...</span>,
  <span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
  <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Color for text and foreground</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Color for background</p></td>
    </tr>
    <tr>
      <th>...</th>
      <td><p>Ignored</p></td>
    </tr>
    <tr>
      <th>set_ggplot_defaults</th>
      <td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
 Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
 defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
    </tr>
    <tr>
      <th>accent_color</th>
      <td><p>Color for titles and accents, inherits from
 <code>header_color</code> or <code>text_color</code>. Used for the <code>title</code> base setting in
 <code><a href='https://ggplot2.tidyverse.org/reference/theme.html'>ggplot2::theme()</a></code>, and additionally for setting the <code>color</code> or <code>fill</code> of
 <span class="pkg">ggplot2</span> geom defaults.</p></td>
    </tr>
    <tr>
      <th>accent_secondary_color</th>
      <td><p>Color for secondary accents, inherits from
 <code>text_bold_color</code> or <code>accent_color</code>. Used only when setting <span class="pkg">ggplot2</span> geom
 defaults.</p></td>
    </tr>
    <tr>
      <th>text_font</th>
      <td><p>Font to use for text elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>text_font_use_google</th>
      <td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Base text font size, inherits from <code>text_font_size</code>, or
 defaults to 11.</p></td>
    </tr>
    <tr>
      <th>title_font</th>
      <td><p>Font to use for title elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>title_font_use_google</th>
      <td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>title_font_size</th>
      <td><p>Base text font size, inherits from <code>title_font_size</code>,
 or defaults to 14.</p></td>
    </tr>
    <tr>
      <th>use_showtext</th>
      <td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
 used to register Google fonts. Set to <code>FALSE</code> to disable this feature
 entirely, which may result in errors during plotting if the fonts used are
 not available locally.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

    <p>A ggplot2 theme</p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other xaringanthemer ggplot2 themes: 
 <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
 <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code>,
 <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

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

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

  <span class='no'>plot1</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
    <span class='fu'>theme_xaringan_base</span>(
      <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#602f6b"</span>,       <span class='co'># imperial</span>
      <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span>
      <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#317873"</span>,     <span class='co'># myrtle green</span>
      <span class='kw'>title_font</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
      <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
      <span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
    ) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span>(
      <span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
      <span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
      <span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"xaringanthemer"</span>
    )

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

  <span class='no'>plot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Sepal.Width</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span>(<span class='kw'>binwidth</span> <span class='kw'>=</span> <span class='fl'>0.1</span>) +
    <span class='fu'>theme_xaringan_base</span>(
      <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#a8a9c8"</span>,       <span class='co'># light purple</span>
      <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span>
      <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='st'>"#ffff99"</span>,     <span class='co'># canary yellow</span>
      <span class='kw'>title_font</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,
      <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,
      <span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
    ) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span>(
      <span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Basic Iris Plot"</span>,
      <span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,
      <span class='kw'>caption</span> <span class='kw'>=</span> <span class='st'>"xaringanthemer"</span>
    )

  <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span>(<span class='no'>plot2</span>)
 }</div><div class='img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></div><div class='img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/theme_xaringan_get_value.html
+++ b/reference/theme_xaringan_get_value.html
@@ -0,0 +1,278 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Get the Value of xaringanthemer Style Setting — theme_xaringan_get_value" />
 <meta property="og:description" content="A helper function to retrieve the value of style settings as set by a
 xaringanthemer style function, for use in plotting and other circumstances." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Get the Value of xaringanthemer Style Setting</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>theme_xaringan_get_value.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>A helper function to retrieve the value of style settings as set by a
 xaringanthemer style function, for use in plotting and other circumstances.</p>
    </div>

    <pre class="usage"><span class='fu'>theme_xaringan_get_value</span>(<span class='no'>setting</span>, <span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>setting</th>
      <td><p>A xaringanthemer style setting</p></td>
    </tr>
    <tr>
      <th>css_file</th>
      <td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
 theme variables and values will be inferred. In general, if you use the
 <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
 lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
 if you have only saved your theme CSS file and you aren't creating your
 CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="style-settings"><a class="anchor" href="#style-settings"></a>Style Settings</h2>

    

 <p>Style settings used by xaringanthemer include:</p><ul>
 <li><p><code>background_color</code></p></li>
 <li><p><code>background_image</code></p></li>
 <li><p><code>background_position</code></p></li>
 <li><p><code>background_size</code></p></li>
 <li><p><code>blockquote_left_border_color</code></p></li>
 <li><p><code>code_font_family</code></p></li>
 <li><p><code>code_font_family_fallback</code></p></li>
 <li><p><code>code_font_google</code></p></li>
 <li><p><code>code_font_is_google</code></p></li>
 <li><p><code>code_font_size</code></p></li>
 <li><p><code>code_font_url</code></p></li>
 <li><p><code>code_highlight_color</code></p></li>
 <li><p><code>code_inline_background_color</code></p></li>
 <li><p><code>code_inline_color</code></p></li>
 <li><p><code>code_inline_font_size</code></p></li>
 <li><p><code>extra_css</code></p></li>
 <li><p><code>extra_fonts</code></p></li>
 <li><p><code>footnote_color</code></p></li>
 <li><p><code>footnote_font_size</code></p></li>
 <li><p><code>footnote_position_bottom</code></p></li>
 <li><p><code>header_background_auto</code></p></li>
 <li><p><code>header_background_color</code></p></li>
 <li><p><code>header_background_content_padding_top</code></p></li>
 <li><p><code>header_background_ignore_classes</code></p></li>
 <li><p><code>header_background_padding</code></p></li>
 <li><p><code>header_background_text_color</code></p></li>
 <li><p><code>header_color</code></p></li>
 <li><p><code>header_font_family</code></p></li>
 <li><p><code>header_font_google</code></p></li>
 <li><p><code>header_font_is_google</code></p></li>
 <li><p><code>header_font_url</code></p></li>
 <li><p><code>header_font_weight</code></p></li>
 <li><p><code>header_h1_font_size</code></p></li>
 <li><p><code>header_h2_font_size</code></p></li>
 <li><p><code>header_h3_font_size</code></p></li>
 <li><p><code>inverse_background_color</code></p></li>
 <li><p><code>inverse_header_color</code></p></li>
 <li><p><code>inverse_text_color</code></p></li>
 <li><p><code>inverse_text_shadow</code></p></li>
 <li><p><code>left_column_selected_color</code></p></li>
 <li><p><code>left_column_subtle_color</code></p></li>
 <li><p><code>link_color</code></p></li>
 <li><p><code>padding</code></p></li>
 <li><p><code>table_border_color</code></p></li>
 <li><p><code>table_row_border_color</code></p></li>
 <li><p><code>table_row_even_background_color</code></p></li>
 <li><p><code>text_bold_color</code></p></li>
 <li><p><code>text_color</code></p></li>
 <li><p><code>text_font_base</code></p></li>
 <li><p><code>text_font_family</code></p></li>
 <li><p><code>text_font_family_fallback</code></p></li>
 <li><p><code>text_font_google</code></p></li>
 <li><p><code>text_font_is_google</code></p></li>
 <li><p><code>text_font_size</code></p></li>
 <li><p><code>text_font_url</code></p></li>
 <li><p><code>text_font_weight</code></p></li>
 <li><p><code>text_slide_number_color</code></p></li>
 <li><p><code>text_slide_number_font_size</code></p></li>
 <li><p><code>title_slide_background_color</code></p></li>
 <li><p><code>title_slide_background_image</code></p></li>
 <li><p><code>title_slide_background_position</code></p></li>
 <li><p><code>title_slide_background_size</code></p></li>
 <li><p><code>title_slide_text_color</code></p></li>
 </ul>


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

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

 <span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_color"</span>)</div><div class='output co'>#&gt; [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"background_color"</span>)</div><div class='output co'>#&gt; [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"header_color"</span>)</div><div class='output co'>#&gt; [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span>(<span class='st'>"text_bold_color"</span>)</div><div class='output co'>#&gt; [1] "#d33682"</div><div class='input'>
 </div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/theme_xaringan_inverse-1.png
+++ b/reference/theme_xaringan_inverse-1.png
--- a/reference/theme_xaringan_inverse.html
+++ b/reference/theme_xaringan_inverse.html
@@ -0,0 +1,310 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse" />
 <meta property="og:description" content="Lifecycle: Maturing
 A ggplot2 xaringanthemer plot theme to seamlessly match the &quot;inverse&quot;
 xaringan slide colors and styles as styled by xaringanthemer." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>An Inverse Plot Theme for ggplot2 by xaringanthemer</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>theme_xaringan_inverse.Rd</code></div>
    </div>

    <div class="ref-description">
    <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
 <p>A <span class="pkg">ggplot2</span> xaringanthemer plot theme to seamlessly match the "inverse"
 <span class="pkg">xaringan</span> slide colors and styles as styled by <a href='xaringanthemer-package.html'>xaringanthemer</a>.</p>
    </div>

    <pre class="usage"><span class='fu'>theme_xaringan_inverse</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>css_file</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>set_ggplot_defaults</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
  <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_use_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>title_font_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>use_showtext</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
 )</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Color for background, inherits from
 <code>background_color</code></p></td>
    </tr>
    <tr>
      <th>accent_color</th>
      <td><p>Color for titles and accents, inherits from
 <code>header_color</code></p></td>
    </tr>
    <tr>
      <th>accent_secondary_color</th>
      <td><p>Color for secondary accents, inherits from
 <code>text_bold_color</code></p></td>
    </tr>
    <tr>
      <th>css_file</th>
      <td><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the
 theme variables and values will be inferred. In general, if you use the
 <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature
 lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even
 if you have only saved your theme CSS file and you aren't creating your
 CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></td>
    </tr>
    <tr>
      <th>set_ggplot_defaults</th>
      <td><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?
 Defaults to TRUE. To restore ggplot's defaults, or the previously set geom
 defaults, see <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_restore_defaults()</a></code>.</p></td>
    </tr>
    <tr>
      <th>text_font</th>
      <td><p>Font to use for text elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>text_font_use_google</th>
      <td><p>Is <code>text_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Base text font size, inherits from <code>text_font_size</code>, or
 defaults to 11.</p></td>
    </tr>
    <tr>
      <th>title_font</th>
      <td><p>Font to use for title elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>title_font_family</code>.</p></td>
    </tr>
    <tr>
      <th>title_font_use_google</th>
      <td><p>Is <code>title_font</code> available on <a href='https://fonts.google.com'>Google Fonts</a>?</p></td>
    </tr>
    <tr>
      <th>title_font_size</th>
      <td><p>Base text font size, inherits from <code>title_font_size</code>,
 or defaults to 14.</p></td>
    </tr>
    <tr>
      <th>use_showtext</th>
      <td><p>If <code>TRUE</code> (default) the <span class="pkg">showtext</span> package will be
 used to register Google fonts. Set to <code>FALSE</code> to disable this feature
 entirely, which may result in errors during plotting if the fonts used are
 not available locally.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

    <p>A ggplot2 theme</p>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other xaringanthemer ggplot2 themes: 
 <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
 <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code>,
 <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

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

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

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

  <span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>iris</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>Petal.Length</span>, <span class='no'>Petal.Width</span>) +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>() +
    <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Yet another Iris plot"</span>) +
    <span class='co'># themed to match the inverse slides: teal background with dark blue text</span>
    <span class='fu'>theme_xaringan_inverse</span>()
 }</div><div class='img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/theme_xaringan_set_defaults.html
+++ b/reference/theme_xaringan_set_defaults.html
@@ -0,0 +1,245 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Set and Restore ggplot2 geom Defaults — theme_xaringan_set_defaults" />
 <meta property="og:description" content="Lifecycle: Maturing
 Set ggplot2 geom defaults to match theme_xaringan() with
 theme_xaringan_set_defaults() and restore the standard or previously-set
 defaults with theme_xaringan_restore_defaults(). By default,
 theme_xaringan_set_defaults() is run with theme_xaringan() or
 theme_xaringan_inverse()." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Set and Restore ggplot2 geom Defaults</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>
    <div class="hidden name"><code>theme_xaringan_set_defaults.Rd</code></div>
    </div>

    <div class="ref-description">
    <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>
 <p>Set <span class="pkg">ggplot2</span> <em>geom</em> defaults to match <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> with
 <code>theme_xaringan_set_defaults()</code> and restore the standard or previously-set
 defaults with <code>theme_xaringan_restore_defaults()</code>. By default,
 <code>theme_xaringan_set_defaults()</code> is run with <code><a href='theme_xaringan.html'>theme_xaringan()</a></code> or
 <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse()</a></code>.</p>
    </div>

    <pre class="usage"><span class='fu'>theme_xaringan_set_defaults</span>(
  <span class='kw'>text_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>accent_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
  <span class='kw'>accent_secondary_color</span> <span class='kw'>=</span> <span class='no'>accent_color</span>,
  <span class='kw'>text_font</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
 )

 <span class='fu'>theme_xaringan_restore_defaults</span>()</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Color for text and foreground, inherits from <code>text_color</code></p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Color for background, inherits from
 <code>background_color</code></p></td>
    </tr>
    <tr>
      <th>accent_color</th>
      <td><p>Color for titles and accents, inherits from
 <code>header_color</code></p></td>
    </tr>
    <tr>
      <th>accent_secondary_color</th>
      <td><p>Color for secondary accents, inherits from
 <code>text_bold_color</code></p></td>
    </tr>
    <tr>
      <th>text_font</th>
      <td><p>Font to use for text elements, passed to
 <code><a href='https://rdrr.io/pkg/sysfonts/man/font_add_google.html'>sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is
 <code>TRUE</code>. Inherits from <code>text_font_family</code>.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

    <p>Invisibly returns a list of the current ggplot2 geom defaults</p>
 <p>Invisibly returns a list of the current ggplot2 geom defaults</p>
    <h2 class="hasAnchor" id="functions"><a class="anchor" href="#functions"></a>Functions</h2>

    
 <ul>
 <li><p><code>theme_xaringan_restore_defaults</code>: Restore previous or standard
 <span class="pkg">ggplot2</span> <em>geom</em> defaults.</p></li>
 </ul>
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other xaringanthemer ggplot2 themes: 
 <code><a href='theme_xaringan_base.html'>theme_xaringan_base</a>()</code>,
 <code><a href='theme_xaringan_inverse.html'>theme_xaringan_inverse</a>()</code>,
 <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div>

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/write_extra_css.html
+++ b/reference/write_extra_css.html
@@ -1,185 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Write Extra CSS arguments — write_extra_css • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Write Extra CSS arguments — write_extra_css" />

 <meta property="og:description" content="Manually adds css elements to target outfile." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Write Extra CSS arguments</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/write_extra_css.R'><code>R/write_extra_css.R</code></a></small>
    <div class="hidden name"><code>write_extra_css.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Manually adds css elements to target <code>outfile</code>.</p>
    
    </div>

    <pre class="usage"><span class='fu'>write_extra_css</span>(<span class='no'>css</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="css-list"><a class="anchor" href="#css-list"></a>css list</h2>

    
    <p>The <code>css</code> input must be a named list of css properties and values within a
 named list of class identifiers, for example
 <code>list(".class-id" = list("css-property" = "value"))</code>.</p>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#css-list">css list</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/write_xaringan_theme.html
+++ b/reference/write_xaringan_theme.html
@@ -1,431 +0,0 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Write A Customized Xaringan Theme — write_xaringan_theme • xaringanthemer</title>

 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



 <meta property="og:title" content="Write A Customized Xaringan Theme — write_xaringan_theme" />

 <meta property="og:description" content="Creates a customized Xaringan theme CSS file." />
 <meta name="twitter:card" content="summary" />



 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->


  </head>

  <body>
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      
      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Write A Customized Xaringan Theme</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/write_theme.R'><code>R/write_theme.R</code></a></small>
    <div class="hidden name"><code>write_xaringan_theme.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Creates a customized Xaringan theme CSS file.</p>
    
    </div>

    <pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='kw'>text_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>header_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>background_color</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>, <span class='kw'>link_color</span> <span class='kw'>=</span> <span class='st'>"rgb(249, 38, 114)"</span>,
  <span class='kw'>text_bold_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1em 4em 1em 4em"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>, <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>code_inline_background_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>code_inline_font_size</span> <span class='kw'>=</span> <span class='st'>"1em"</span>,
  <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='st'>"#272822"</span>, <span class='kw'>inverse_text_color</span> <span class='kw'>=</span> <span class='st'>"#d6d6d6"</span>,
  <span class='kw'>inverse_text_shadow</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='st'>"#f3f3f3"</span>,
  <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>inverse_text_color</span>,
  <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>inverse_background_color</span>,
  <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>title_slide_background_position</span> <span class='kw'>=</span> <span class='fl'>NA</span>, <span class='kw'>footnote_color</span> <span class='kw'>=</span> <span class='fl'>NA</span>,
  <span class='kw'>footnote_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>footnote_position_bottom</span> <span class='kw'>=</span> <span class='st'>"3em"</span>,
  <span class='kw'>left_column_subtle_color</span> <span class='kw'>=</span> <span class='st'>"#777"</span>, <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
  <span class='kw'>blockquote_left_border_color</span> <span class='kw'>=</span> <span class='st'>"lightgray"</span>, <span class='kw'>table_border_color</span> <span class='kw'>=</span> <span class='st'>"#666"</span>,
  <span class='kw'>table_row_border_color</span> <span class='kw'>=</span> <span class='st'>"#ddd"</span>, <span class='kw'>table_row_even_background_color</span> <span class='kw'>=</span> <span class='st'>"#eee"</span>,
  <span class='kw'>text_font_size</span> <span class='kw'>=</span> <span class='st'>"20px"</span>, <span class='kw'>header_h1_font_size</span> <span class='kw'>=</span> <span class='st'>"55px"</span>,
  <span class='kw'>header_h2_font_size</span> <span class='kw'>=</span> <span class='st'>"45px"</span>, <span class='kw'>header_h3_font_size</span> <span class='kw'>=</span> <span class='st'>"35px"</span>,
  <span class='kw'>text_slide_number_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>, <span class='kw'>text_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"'Droid Serif'"</span>, <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>text_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic"</span>,
  <span class='kw'>text_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'"</span>,
  <span class='kw'>text_font_base</span> <span class='kw'>=</span> <span class='st'>"serif"</span>, <span class='kw'>header_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>, <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  <span class='kw'>code_font_google</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>code_font_family</span> <span class='kw'>=</span> <span class='st'>"'Source Code Pro'"</span>,
  <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  <span class='kw'>code_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700"</span>,
  <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>, <span class='kw'>extra_css</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  <span class='kw'>extra_fonts</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
    
    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>text_color</th>
      <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>header_color</th>
      <td><p>Header Color. Defaults to #000. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>background_color</th>
      <td><p>Slide Background Color. Defaults to #FFF. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>link_color</th>
      <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the <code>a, a &gt; code</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_bold_color</th>
      <td><p>Bold Text Color. Defaults to NA. Modifies the <code>strong</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>padding</th>
      <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1em 4em 1em 4em. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_inline_color</th>
      <td><p>Inline Code Color. Defaults to #000. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <th>code_inline_background_color</th>
      <td><p>Inline Code Background Color. Defaults to NA. Modifies the <code>.remark-inline-code</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>inverse_background_color</th>
      <td><p>Inverse Background Color. Defaults to #272822. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <th>inverse_text_color</th>
      <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies the <code>.inverse</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>title_slide_background_image</th>
      <td><p>Title Slide Background Image URL. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_size</th>
      <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <th>title_slide_background_position</th>
      <td><p>Title Slide Background Image Position. Defaults to NA. Modifies the <code>.title-slide</code> class.</p></td>
    </tr>
    <tr>
      <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 NA. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_font_size</th>
      <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <th>footnote_position_bottom</th>
      <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>blockquote_left_border_color</th>
      <td><p>Blockquote Left Border Color. Defaults to lightgray. Modifies the <code>blockquote</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_size</th>
      <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h1_font_size</th>
      <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h2_font_size</th>
      <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
    </tr>
    <tr>
      <th>header_h3_font_size</th>
      <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>text_font_family</th>
      <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_weight</th>
      <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_url</th>
      <td><p>Body Text Font URL(s). Defaults to https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic. Modifies the <code>@import url()</code> elements.</p></td>
    </tr>
    <tr>
      <th>text_font_family_fallback</th>
      <td><p>Body Text Font Fallbacks. Defaults to 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC'. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <th>text_font_base</th>
      <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>header_font_family</th>
      <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_weight</th>
      <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
    </tr>
    <tr>
      <th>header_font_url</th>
      <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <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>
    </tr>
    <tr>
      <th>code_font_size</th>
      <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
    </tr>
    <tr>
      <th>code_font_url</th>
      <td><p>Code Font URL. Defaults to https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700. Modifies the <code>@import url</code> elements.</p></td>
    </tr>
    <tr>
      <th>code_font_family_fallback</th>
      <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
    </tr>
    <tr>
      <th>extra_css</th>
      <td><p>A named list of CSS definitions each containing a named list
 of CSS property-value pairs, i.e.
 <code>list(".class-id" = list("css-property" = "value"))</code></p></td>
    </tr>
    <tr>
      <th>extra_fonts</th>
      <td><p>A list of additional fonts to import, each list element
 can be either a URL as a character string or a call to
 <code><a href='google_font.html'>google_font</a>()</code></p></td>
    </tr>
    <tr>
      <th>outfile</th>
      <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
    </tr>
    </table>
    
    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Other themes: <code><a href='duo_accent_inverse.html'>duo_accent_inverse</a></code>,
  <code><a href='duo_accent.html'>duo_accent</a></code>, <code><a href='duo.html'>duo</a></code>,
  <code><a href='mono_accent_inverse.html'>mono_accent_inverse</a></code>,
  <code><a href='mono_accent.html'>mono_accent</a></code>, <code><a href='mono_dark.html'>mono_dark</a></code>,
  <code><a href='mono_light.html'>mono_light</a></code>, <code><a href='solarized_dark.html'>solarized_dark</a></code>,
  <code><a href='solarized_light.html'>solarized_light</a></code></p></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      <li><a href="#arguments">Arguments</a></li>
      
      <li><a href="#see-also">See also</a></li>
          </ul>

  </div>
 </div>

      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
 </div>

      </footer>
   </div>

  

  </body>
 </html>

--- a/reference/xaringanthemer-deprecated.html
+++ b/reference/xaringanthemer-deprecated.html
@@ -0,0 +1,223 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Deprecated or renamed functions — xaringanthemer-deprecated • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
 <script src="../pkgdown.js"></script>



  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:title" content="Deprecated or renamed functions — xaringanthemer-deprecated" />
 <meta property="og:description" content="These functions in xaringanthemer have been deprecated or renamed.
 Use style_xaringan() instead of write_xaringan_theme().
 Use style_extra_css() instead of write_extra_css().
 Use style_mono_light() instead of mono_light().
 Use style_mono_dark() instead of mono_dark().
 Use style_mono_accent() instead of mono_accent().
 Use style_mono_accent_inverse() instead of mono_accent_inverse().
 Use style_duo() instead of duo().
 Use style_duo_accent() instead of duo_accent().
 Use style_duo_accent_inverse() instead of duo_accent_inverse().
 Use style_solarized_light() instead of solarized_light().
 Use style_solarized_dark() instead of solarized_dark()." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->



  </head>

  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Deprecated or renamed functions</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-deprecated.R'><code>R/xaringanthemer-deprecated.R</code></a></small>
    <div class="hidden name"><code>xaringanthemer-deprecated.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>These functions in xaringanthemer have been deprecated or renamed.</p>
 <p>Use <code><a href='style_xaringan.html'>style_xaringan()</a></code> instead of <code>write_xaringan_theme()</code>.</p>
 <p>Use <code><a href='style_extra_css.html'>style_extra_css()</a></code> instead of <code>write_extra_css()</code>.</p>
 <p>Use <code><a href='style_mono_light.html'>style_mono_light()</a></code> instead of <code>mono_light()</code>.</p>
 <p>Use <code><a href='style_mono_dark.html'>style_mono_dark()</a></code> instead of <code>mono_dark()</code>.</p>
 <p>Use <code><a href='style_mono_accent.html'>style_mono_accent()</a></code> instead of <code>mono_accent()</code>.</p>
 <p>Use <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse()</a></code> instead of <code>mono_accent_inverse()</code>.</p>
 <p>Use <code><a href='style_duo.html'>style_duo()</a></code> instead of <code>duo()</code>.</p>
 <p>Use <code><a href='style_duo_accent.html'>style_duo_accent()</a></code> instead of <code>duo_accent()</code>.</p>
 <p>Use <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse()</a></code> instead of <code>duo_accent_inverse()</code>.</p>
 <p>Use <code><a href='style_solarized_light.html'>style_solarized_light()</a></code> instead of <code>solarized_light()</code>.</p>
 <p>Use <code><a href='style_solarized_dark.html'>style_solarized_dark()</a></code> instead of <code>solarized_dark()</code>.</p>
    </div>

    <pre class="usage"><span class='fu'>write_xaringan_theme</span>(<span class='no'>...</span>)

 <span class='fu'>write_extra_css</span>(<span class='no'>...</span>)

 <span class='fu'>mono_light</span>(<span class='no'>...</span>)

 <span class='fu'>mono_dark</span>(<span class='no'>...</span>)

 <span class='fu'>mono_accent</span>(<span class='no'>...</span>)

 <span class='fu'>mono_accent_inverse</span>(<span class='no'>...</span>)

 <span class='fu'>duo</span>(<span class='no'>...</span>)

 <span class='fu'>duo_accent</span>(<span class='no'>...</span>)

 <span class='fu'>duo_accent_inverse</span>(<span class='no'>...</span>)

 <span class='fu'>solarized_light</span>(<span class='no'>...</span>)

 <span class='fu'>solarized_dark</span>(<span class='no'>...</span>)</pre>



  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
   </div>

  


  </body>
 </html>


--- a/reference/xaringanthemer-package.html
+++ b/reference/xaringanthemer-package.html
@@ -1,28 +1,36 @@
 <!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
 <html>
 <html lang="en">
  <head>
  <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>xaringanthemer: Xaringan CSS Theme Generator — xaringanthemer-package • xaringanthemer</title>
 <title>xaringanthemer: Custom 'Xaringan' CSS Themes — xaringanthemer-package • xaringanthemer</title>


 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha384-nrOSfDHtoPMzJHjVTdCopGqIqeYETSXhZDFyniQ8ZHcVy08QesyHcnOUpMpqnmWq" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 <!-- Bootstrap -->
 <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

 <!-- bootstrap-toc -->
 <link rel="stylesheet" href="../bootstrap-toc.css">
 <script src="../bootstrap-toc.js"></script>

 <!-- Font Awesome icons -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

 <!-- clipboard.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha384-cV+rhyOuRHc9Ub/91rihWcGmMmCXDeksTtCihMupQHSsi8GIIRDG0ThDc3HGQFJ3" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

 <!-- sticky kit -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
 <!-- headroom.js -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

 <!-- pkgdown -->
 <link href="../pkgdown.css" rel="stylesheet">
@@ -30,17 +38,26 @@



 <meta property="og:title" content="xaringanthemer: Xaringan CSS Theme Generator — xaringanthemer-package" />
  <link href="../extra.css" rel="stylesheet">
  

 <meta property="og:description" content="Create and edit your xaringan CSS files from within your R
 R Markdown slide source. More technically, this package actually creates
 valid remarkjs CSS themes that are easily used by xarangan." />
 <meta property="og:title" content="xaringanthemer: Custom 'Xaringan' CSS Themes — xaringanthemer-package" />
 <meta property="og:description" content="Create beautifully color-cordinated and customized
    themes for your 'xaringan' slides, without writing any CSS. Complete
    your slide theme with 'ggplot2' themes that match the font and colors
    used in your slides.  Customized styles can be created directly in
    your slides' 'R Markdown' source file or in a separate external
    script." />
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:creator" content="@grrrck" />
 <meta name="twitter:site" content="@grrrck" />




 <!-- mathjax -->
 <script src='https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -48,55 +65,54 @@ valid remarkjs CSS themes that are easily used by xarangan." />
 <![endif]-->



  </head>

  <body>
  <body data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <header>
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-brand">
        <a class="navbar-link" href="../index.html">xaringanthemer</a>
        <span class="label label-default" data-toggle="tooltip" data-placement="bottom" title="Released package">0.2.0</span>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9100</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
  <a href="../articles/xaringanthemer.html">Features</a>
 </li>
 <li>
  <a href="../articles/xaringanthemer.html">Get started</a>
  <a href="../reference/index.html">Reference</a>
 </li>
 <li>
  <a href="../articles/singles/themes.html">Themes</a>
  <a href="../articles/themes.html">Themes</a>
 </li>
 <li>
  <a href="../articles/singles/fonts.html">Fonts</a>
  <a href="../articles/fonts.html">Fonts</a>
 </li>
 <li>
  <a href="../articles/template-variables.html">Template Variables</a>
 </li>
 <li>
  <a href="../articles/css-help.html">CSS Help</a>
 </li>
 <li>
  <a href="../reference/index.html">Reference</a>
 </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="../news/index.html">
    <span class="fa fa fa fa-newspaper-o fa-lg"></span>
     
    
  </a>
 </li>
 <li>
  <a href="https://github.com/gadenbuie/xaringanthemer">
    <span class="fa fa-github fa-lg"></span>
     
@@ -106,6 +122,12 @@ valid remarkjs CSS themes that are easily used by xarangan." />
  <a href="https://twitter.com/grrrck">
    <span class="fa fa-twitter fa-lg"></span>
     
  </a>
 </li>
 <li>
  <a href="https://www.garrickadenbuie.com">
    <span class="fa fa-home fa-lg"></span>
     
  </a>
 </li>
      </ul>
@@ -115,56 +137,54 @@ valid remarkjs CSS themes that are easily used by xarangan." />
 </div><!--/.navbar -->

      

      </header>

 <div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>xaringanthemer: Xaringan CSS Theme Generator</h1>
    <h1>xaringanthemer: Custom 'Xaringan' CSS Themes</h1>
    <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-package.R'><code>R/xaringanthemer-package.R</code></a></small>
    <div class="hidden name"><code>xaringanthemer-package.Rd</code></div>
    </div>

    <div class="ref-description">
    
    <p>Create and edit your xaringan CSS files from within your R
 R Markdown slide source. More technically, this package actually creates
 valid remarkjs CSS themes that are easily used by xarangan.</p>
    
    <p>Create beautifully color-cordinated and customized
    themes for your 'xaringan' slides, without writing any CSS. Complete
    your slide theme with 'ggplot2' themes that match the font and colors
    used in your slides.  Customized styles can be created directly in
    your slides' 'R Markdown' source file or in a separate external
    script.</p>
    </div>

        


    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p>Useful links:</p><ul>
 <li><p><a href='https://pkg.garrickadenbuie.com/xaringanthemer'>https://pkg.garrickadenbuie.com/xaringanthemer</a></p></li>
 <li><p><a href='https://github.com/gadenbuie/xaringanthemer'>https://github.com/gadenbuie/xaringanthemer</a></p></li>
 <li><p>Report bugs at <a href='https://github.com/gadenbuie/xaringanthemer/issues'>https://github.com/gadenbuie/xaringanthemer/issues</a></p></li>
 </ul></div>
    

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
    <h2>Contents</h2>
    <ul class="nav nav-pills nav-stacked">
      
      <li><a href="#see-also">See also</a></li>
          </ul>

    <h2>Author</h2>
    
 <strong>Maintainer</strong>: Garrick Aden-Buie <a href='mailto:g.adenbuie@gmail.com'>g.adenbuie@gmail.com</a>
 </ul>

 </div>

  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
 </div>


      <footer>
      <div class="copyright">
  <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
 </div>

 <div class="pkgdown">
  <p>Site built with <a href="http://pkgdown.r-lib.org/">pkgdown</a>.</p>
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
 </div>

      </footer>
@@ -172,6 +192,8 @@ valid remarkjs CSS themes that are easily used by xarangan.</p>

  


  </body>
 </html>


--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1,72 +1,90 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//index.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//index.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/apply_alpha.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/apply_alpha.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/choose_dark_or_light.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/choose_dark_or_light.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/duo.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/google_font.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/google_language_codes.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/duo_accent_inverse.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/lighten_darken_color.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/google_font.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/scale_xaringan.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/google_language_codes.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/lighten_darken_color.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo_accent.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_duo_accent_inverse.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_accent_inverse.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_extra_css.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_dark.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_accent.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/mono_light.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_accent_inverse.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_dark.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_dark.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/solarized_light.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_mono_light.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/write_extra_css.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_solarized_dark.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/write_xaringan_theme.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_solarized_light.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//reference/xaringanthemer-package.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/style_xaringan.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//articles/css-help.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//articles/singles/fonts.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_base.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//articles/singles/themes.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_get_value.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//articles/template-variables.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_inverse.html</loc>
  </url>
  <url>
    <loc>https://gadenbuie.github.com/xaringanthemer//articles/xaringanthemer.html</loc>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/theme_xaringan_set_defaults.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/xaringanthemer-deprecated.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//reference/xaringanthemer-package.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/fonts.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/template-variables.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/themes.html</loc>
  </url>
  <url>
    <loc>https://pkg.garrickadenbuie.com/xaringanthemer//articles/xaringanthemer.html</loc>
  </url>
 </urlset>