Deploy from Travis build 62 [ci skip]

Build URL: https://travis-ci.com/gadenbuie/xaringanthemer/builds/158518869
Commit: 733096cf57

dev/pkgdown.yml

@@ -6,7 +6,7 @@ articles:
   template-variables: template-variables.html
   themes: themes.html
   xaringanthemer: xaringanthemer.html
-last_built: 2020-04-05T12:56Z
+last_built: 2020-04-05T18:28Z
 urls:
   reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference
   article: https://pkg.garrickadenbuie.com/xaringanthemer//articles

dev/reference/style_duo.html

@@ -228,12 +228,16 @@ colors.</p>
     <tr>
       <th>primary_color</th>
       <td><p>Duotone Primary Color. Defaults to #1F4257. Used in
-multiple CSS rules.</p></td>
+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.</p></td>
+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>

dev/reference/style_duo_accent.html

@@ -231,22 +231,30 @@ accents on select elements (headers, bold text, etc.).</p>
     <tr>
       <th>primary_color</th>
       <td><p>Duotone Primary Color. Defaults to #006747. Used in
-multiple CSS rules.</p></td>
+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.</p></td>
+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.</p></td>
+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.</p></td>
+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>

dev/reference/style_duo_accent_inverse.html

@@ -232,22 +232,30 @@ for color accents on select elements (headers, bold text, etc.).</p>
     <tr>
       <th>primary_color</th>
       <td><p>Duotone Primary Color. Defaults to #006747. Used in
-multiple CSS rules.</p></td>
+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.</p></td>
+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.</p></td>
+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.</p></td>
+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>

dev/reference/style_mono_accent.html

@@ -228,17 +228,23 @@ accents on select elements (headers, bold text, etc.).</p>
     <tr>
       <th>base_color</th>
       <td><p>Monotone Base Color, works best with a strong color.
-Defaults to #43418A. Used in multiple CSS rules.</p></td>
+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.</p></td>
+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.</p></td>
+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>

dev/reference/style_mono_accent_inverse.html

@@ -228,18 +228,24 @@ for color accents on select elements (headers, bold text, etc.).</p>
     <tr>
       <th>base_color</th>
       <td><p>Monotone Base Color, works best with a light color.
-Defaults to #3C989E. Used in multiple CSS rules.</p></td>
+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.</p></td>
+<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.</p></td>
+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>

dev/reference/style_mono_dark.html

@@ -226,19 +226,25 @@
     <tr>
       <th>base_color</th>
       <td><p>Monotone Base Color, works best with a light color..
-Defaults to #cbf7ed. Used in multiple CSS rules.</p></td>
+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.</p></td>
+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.</p></td>
+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>

dev/reference/style_mono_light.html

@@ -226,19 +226,25 @@
     <tr>
       <th>base_color</th>
       <td><p>Monotone base color, works best with a strong color.
-Defaults to #23395b. Used in multiple CSS rules.</p></td>
+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.</p></td>
+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.</p></td>
+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>

dev/reference/xaringanthemer-package.html

@@ -6,7 +6,7 @@
 <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 -->
@@ -41,11 +41,13 @@
   <link href="../extra.css" rel="stylesheet">
   
 
-<meta property="og:title" content="xaringanthemer: Xaringan CSS Theme Generator — xaringanthemer-package" />
-<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" />
@@ -141,16 +143,18 @@
 <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>