😎 Give your xaringan slides some style
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

489 lines
27KB

  1. <!-- Generated by pkgdown: do not edit by hand -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>Duotone Theme — style_duo • xaringanthemer</title>
  9. <!-- jquery -->
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  11. <!-- Bootstrap -->
  12. <link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/yeti/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
  14. <!-- Font Awesome icons -->
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
  16. <!-- clipboard.js -->
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>
  18. <!-- sticky kit -->
  19. <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script>
  20. <!-- pkgdown -->
  21. <link href="../pkgdown.css" rel="stylesheet">
  22. <script src="../pkgdown.js"></script>
  23. <meta property="og:title" content="Duotone Theme — style_duo" />
  24. <meta property="og:description" content="A duotone theme designed to work well with two complementary
  25. colors." />
  26. <meta name="twitter:card" content="summary" />
  27. <!-- mathjax -->
  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
  29. <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>
  30. <!--[if lt IE 9]>
  31. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  32. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  33. <![endif]-->
  34. </head>
  35. <body>
  36. <div class="container template-reference-topic">
  37. <header>
  38. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  39. <div class="container">
  40. <div class="navbar-header">
  41. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
  42. <span class="sr-only">Toggle navigation</span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-bar"></span>
  46. </button>
  47. <span class="navbar-brand">
  48. <a class="navbar-link" href="../index.html">xaringanthemer</a>
  49. <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.2.0.9000</span>
  50. </span>
  51. </div>
  52. <div id="navbar" class="navbar-collapse collapse">
  53. <ul class="nav navbar-nav">
  54. <li>
  55. <a href="../index.html">
  56. <span class="fa fa-home fa-lg"></span>
  57. </a>
  58. </li>
  59. <li>
  60. <a href="../articles/xaringanthemer.html">Get started</a>
  61. </li>
  62. <li>
  63. <a href="../articles/singles/themes.html">Themes</a>
  64. </li>
  65. <li>
  66. <a href="../articles/singles/fonts.html">Fonts</a>
  67. </li>
  68. <li>
  69. <a href="../articles/template-variables.html">Template Variables</a>
  70. </li>
  71. <li>
  72. <a href="../articles/css-help.html">CSS Help</a>
  73. </li>
  74. <li>
  75. <a href="../reference/index.html">Reference</a>
  76. </li>
  77. </ul>
  78. <ul class="nav navbar-nav navbar-right">
  79. <li>
  80. <a href="https://github.com/gadenbuie/xaringanthemer">
  81. <span class="fa fa-github fa-lg"></span>
  82. </a>
  83. </li>
  84. <li>
  85. <a href="https://twitter.com/grrrck">
  86. <span class="fa fa-twitter fa-lg"></span>
  87. </a>
  88. </li>
  89. </ul>
  90. </div><!--/.nav-collapse -->
  91. </div><!--/.container -->
  92. </div><!--/.navbar -->
  93. </header>
  94. <div class="row">
  95. <div class="col-md-9 contents">
  96. <div class="page-header">
  97. <h1>Duotone Theme</h1>
  98. <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>
  99. <div class="hidden name"><code>style_duo.Rd</code></div>
  100. </div>
  101. <div class="ref-description">
  102. <p>A duotone theme designed to work well with two complementary
  103. colors.</p>
  104. </div>
  105. <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>,
  106. <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>,
  107. <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>)),
  108. <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>,
  109. <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>,
  110. <span class='kw'>text_slide_number_color</span> <span class='kw'>=</span> <span class='no'>text_color</span>,
  111. <span class='kw'>padding</span> <span class='kw'>=</span> <span class='st'>"1rem 4rem 1rem 4rem"</span>, <span class='kw'>background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  112. <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>,
  113. <span class='kw'>code_highlight_color</span> <span class='kw'>=</span> <span class='st'>"rgba(255,255,0,0.5)"</span>,
  114. <span class='kw'>code_inline_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  115. <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>,
  116. <span class='kw'>inverse_background_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  117. <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>,
  118. <span class='kw'>inverse_header_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  119. <span class='kw'>title_slide_text_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  120. <span class='kw'>title_slide_background_color</span> <span class='kw'>=</span> <span class='no'>primary_color</span>,
  121. <span class='kw'>title_slide_background_image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  122. <span class='kw'>title_slide_background_size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
  123. <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>,
  124. <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>,
  125. <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>),
  126. <span class='kw'>left_column_selected_color</span> <span class='kw'>=</span> <span class='no'>secondary_color</span>,
  127. <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>),
  128. <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>,
  129. <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>),
  130. <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>,
  131. <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>,
  132. <span class='kw'>header_background_auto</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
  133. <span class='kw'>header_background_color</span> <span class='kw'>=</span> <span class='no'>header_color</span>,
  134. <span class='kw'>header_background_text_color</span> <span class='kw'>=</span> <span class='no'>background_color</span>,
  135. <span class='kw'>header_background_padding</span> <span class='kw'>=</span> <span class='st'>"2rem 4rem 1.5rem 4rem"</span>,
  136. <span class='kw'>header_background_content_padding_top</span> <span class='kw'>=</span> <span class='st'>"7rem"</span>,
  137. <span class='kw'>header_background_ignore_classes</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"normal"</span>, <span class='st'>"inverse"</span>, <span class='st'>"title"</span>,
  138. <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>,
  139. <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>,
  140. <span class='kw'>text_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  141. <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>,
  142. <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>,
  143. <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>,
  144. <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"'Yanone Kaffeesatz'"</span>,
  145. <span class='kw'>header_font_weight</span> <span class='kw'>=</span> <span class='st'>"normal"</span>,
  146. <span class='kw'>header_font_url</span> <span class='kw'>=</span> <span class='st'>"https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz"</span>,
  147. <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>,
  148. <span class='kw'>code_font_size</span> <span class='kw'>=</span> <span class='st'>"0.9em"</span>,
  149. <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>,
  150. <span class='kw'>code_font_family_fallback</span> <span class='kw'>=</span> <span class='st'>"'Lucida Console', Monaco"</span>,
  151. <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>,
  152. <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='st'>"xaringan-themer.css"</span>)</pre>
  153. <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
  154. <table class="ref-arguments">
  155. <colgroup><col class="name" /><col class="desc" /></colgroup>
  156. <tr>
  157. <th>primary_color</th>
  158. <td><p>Duotone Primary Color. Defaults to #1F4257. Modifies multiple CSS classes or elements.</p></td>
  159. </tr>
  160. <tr>
  161. <th>secondary_color</th>
  162. <td><p>Duotone Secondary Color. Defaults to #F97B64. Modifies multiple CSS classes or elements.</p></td>
  163. </tr>
  164. <tr>
  165. <th>text_color</th>
  166. <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>
  167. </tr>
  168. <tr>
  169. <th>header_color</th>
  170. <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies the <code>h1, h2, h3</code> elements.</p></td>
  171. </tr>
  172. <tr>
  173. <th>background_color</th>
  174. <td><p>Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
  175. </tr>
  176. <tr>
  177. <th>link_color</th>
  178. <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the <code>a, a &gt; code</code> elements.</p></td>
  179. </tr>
  180. <tr>
  181. <th>text_bold_color</th>
  182. <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. Modifies the <code>strong</code> element.</p></td>
  183. </tr>
  184. <tr>
  185. <th>text_slide_number_color</th>
  186. <td><p>Slide Number Color. Defaults to <code>text_color</code>. Modifies the <code>.remark-slide-number</code> class.</p></td>
  187. </tr>
  188. <tr>
  189. <th>padding</th>
  190. <td><p>Slide Padding in <code>top right [bottom left]</code> format. Defaults to 1rem 4rem 1rem 4rem. Modifies the <code>.remark-slide-content</code> class.</p></td>
  191. </tr>
  192. <tr>
  193. <th>background_image</th>
  194. <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>
  195. </tr>
  196. <tr>
  197. <th>background_size</th>
  198. <td><p>Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the backround fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
  199. </tr>
  200. <tr>
  201. <th>background_position</th>
  202. <td><p>Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>. Defaults to <code>NULL</code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
  203. </tr>
  204. <tr>
  205. <th>code_highlight_color</th>
  206. <td><p>Code Line Highlight. Defaults to rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class.</p></td>
  207. </tr>
  208. <tr>
  209. <th>code_inline_color</th>
  210. <td><p>Inline Code Color. Defaults to <code>secondary_color</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
  211. </tr>
  212. <tr>
  213. <th>code_inline_background_color</th>
  214. <td><p>Inline Code Background Color. Defaults to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></td>
  215. </tr>
  216. <tr>
  217. <th>code_inline_font_size</th>
  218. <td><p>Inline Code Text Font Size. Defaults to 1em. Modifies the <code>.remark-inline-code</code> class.</p></td>
  219. </tr>
  220. <tr>
  221. <th>inverse_background_color</th>
  222. <td><p>Inverse Background Color. Defaults to <code>secondary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
  223. </tr>
  224. <tr>
  225. <th>inverse_text_color</th>
  226. <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse</code> class.</p></td>
  227. </tr>
  228. <tr>
  229. <th>inverse_text_shadow</th>
  230. <td><p>Enables Shadow on text of inverse slides. Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></td>
  231. </tr>
  232. <tr>
  233. <th>inverse_header_color</th>
  234. <td><p>Inverse Header Color. Defaults to <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes.</p></td>
  235. </tr>
  236. <tr>
  237. <th>title_slide_text_color</th>
  238. <td><p>Title Slide Text Color. Defaults to <code>secondary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
  239. </tr>
  240. <tr>
  241. <th>title_slide_background_color</th>
  242. <td><p>Title Slide Background Color. Defaults to <code>primary_color</code>. Modifies the <code>.title-slide</code> class.</p></td>
  243. </tr>
  244. <tr>
  245. <th>title_slide_background_image</th>
  246. <td><p>Title Slide Background Image URL. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
  247. </tr>
  248. <tr>
  249. <th>title_slide_background_size</th>
  250. <td><p>Title Slide Background Image Size, defaults to "cover" if background image is set. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
  251. </tr>
  252. <tr>
  253. <th>title_slide_background_position</th>
  254. <td><p>Title Slide Background Image Position. Defaults to <code>NULL</code>. Modifies the <code>.title-slide</code> class.</p></td>
  255. </tr>
  256. <tr>
  257. <th>footnote_color</th>
  258. <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>
  259. </tr>
  260. <tr>
  261. <th>footnote_font_size</th>
  262. <td><p>Footnote font size. Defaults to 0.9em. Modifies the <code>.footnote</code> class.</p></td>
  263. </tr>
  264. <tr>
  265. <th>footnote_position_bottom</th>
  266. <td><p>Footnote location from bottom of screen. Defaults to 3em. Modifies the <code>.footnote</code> class.</p></td>
  267. </tr>
  268. <tr>
  269. <th>left_column_subtle_color</th>
  270. <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>
  271. </tr>
  272. <tr>
  273. <th>left_column_selected_color</th>
  274. <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>
  275. </tr>
  276. <tr>
  277. <th>blockquote_left_border_color</th>
  278. <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>
  279. </tr>
  280. <tr>
  281. <th>table_border_color</th>
  282. <td><p>Table top/bottom border. Defaults to #666. Modifies the <code>table: border-top, border-bottom</code> elements.</p></td>
  283. </tr>
  284. <tr>
  285. <th>table_row_border_color</th>
  286. <td><p>Table row inner bottom border. Defaults to #ddd. Modifies the <code>table thead th: border-bottom</code> elements.</p></td>
  287. </tr>
  288. <tr>
  289. <th>table_row_even_background_color</th>
  290. <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>
  291. </tr>
  292. <tr>
  293. <th>text_font_size</th>
  294. <td><p>Slide Body Text Font Size. Defaults to 20px. Modifies the <code>.remark-slide-content</code> class.</p></td>
  295. </tr>
  296. <tr>
  297. <th>header_h1_font_size</th>
  298. <td><p>h1 Header Text Font Size. Defaults to 55px. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
  299. </tr>
  300. <tr>
  301. <th>header_h2_font_size</th>
  302. <td><p>h2 Header Text Font Size. Defaults to 45px. Modifies the <code>.remark-slide-content h2</code> class.</p></td>
  303. </tr>
  304. <tr>
  305. <th>header_h3_font_size</th>
  306. <td><p>h3 Header Text Font Size. Defaults to 35px. Modifies the <code>.remark-slide-content h3</code> class.</p></td>
  307. </tr>
  308. <tr>
  309. <th>header_background_auto</th>
  310. <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>
  311. </tr>
  312. <tr>
  313. <th>header_background_color</th>
  314. <td><p>Background Color for h1 Header with Background. Defaults to <code>header_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
  315. </tr>
  316. <tr>
  317. <th>header_background_text_color</th>
  318. <td><p>Text Color for h1 Header with Background. Defaults to <code>background_color</code>. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
  319. </tr>
  320. <tr>
  321. <th>header_background_padding</th>
  322. <td><p>Padding for h1 Header with Background. Defaults to 2rem 4rem 1.5rem 4rem. Modifies the <code>.remark-slide-content h1</code> class.</p></td>
  323. </tr>
  324. <tr>
  325. <th>header_background_content_padding_top</th>
  326. <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>
  327. </tr>
  328. <tr>
  329. <th>header_background_ignore_classes</th>
  330. <td><p>Slide Classes Where Header with Background will not be Applied. Defaults to <code><a href='https://www.rdocumentation.org/packages/base/topics/c'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the <code>.remark-slide-content</code> class.</p></td>
  331. </tr>
  332. <tr>
  333. <th>text_slide_number_font_size</th>
  334. <td><p>Slide Number Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-slide-number</code> class.</p></td>
  335. </tr>
  336. <tr>
  337. <th>text_font_google</th>
  338. <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>
  339. </tr>
  340. <tr>
  341. <th>text_font_family</th>
  342. <td><p>Body Text Font Family. Defaults to 'Droid Serif'. Modifies the <code>body</code> element.</p></td>
  343. </tr>
  344. <tr>
  345. <th>text_font_weight</th>
  346. <td><p>Body Text Font Weight. Defaults to normal. Modifies the <code>body</code> element.</p></td>
  347. </tr>
  348. <tr>
  349. <th>text_font_url</th>
  350. <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>
  351. </tr>
  352. <tr>
  353. <th>text_font_family_fallback</th>
  354. <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>
  355. </tr>
  356. <tr>
  357. <th>text_font_base</th>
  358. <td><p>Body Text Base Font (Total Failure Fallback). Defaults to serif. Modifies the <code>body</code> element.</p></td>
  359. </tr>
  360. <tr>
  361. <th>header_font_google</th>
  362. <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>
  363. </tr>
  364. <tr>
  365. <th>header_font_family</th>
  366. <td><p>Header Font Family. Defaults to 'Yanone Kaffeesatz'. Modifies the <code>h1, h2, h3</code> elements.</p></td>
  367. </tr>
  368. <tr>
  369. <th>header_font_weight</th>
  370. <td><p>Header Font Weight. Defaults to normal. Modifies the <code>h1, h2, h3</code> elements.</p></td>
  371. </tr>
  372. <tr>
  373. <th>header_font_url</th>
  374. <td><p>Header Font URL. Defaults to https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz. Modifies the <code>@import url</code> elements.</p></td>
  375. </tr>
  376. <tr>
  377. <th>code_font_google</th>
  378. <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>
  379. </tr>
  380. <tr>
  381. <th>code_font_family</th>
  382. <td><p>Code Font Family. Defaults to 'Source Code Pro'. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
  383. </tr>
  384. <tr>
  385. <th>code_font_size</th>
  386. <td><p>Code Text Font Size. Defaults to 0.9em. Modifies the <code>.remark-inline</code> class.</p></td>
  387. </tr>
  388. <tr>
  389. <th>code_font_url</th>
  390. <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>
  391. </tr>
  392. <tr>
  393. <th>code_font_family_fallback</th>
  394. <td><p>Code Font Fallback. Defaults to 'Lucida Console', Monaco. Modifies the <code>.remark-code, .remark-inline-code</code> classes.</p></td>
  395. </tr>
  396. <tr>
  397. <th>extra_css</th>
  398. <td><p>A named list of CSS definitions each containing a named list
  399. of CSS property-value pairs, i.e.
  400. <code><a href='https://www.rdocumentation.org/packages/base/topics/list'>list(".class-id" = list("css-property" = "value"))</a></code></p></td>
  401. </tr>
  402. <tr>
  403. <th>extra_fonts</th>
  404. <td><p>A list of additional fonts to import, each list element
  405. can be either a URL as a character string or a call to
  406. <code><a href='google_font.html'>google_font</a>()</code></p></td>
  407. </tr>
  408. <tr>
  409. <th>outfile</th>
  410. <td><p>Customized xaringan CSS output file name, default is "xaringan-themer.css"</p></td>
  411. </tr>
  412. </table>
  413. <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>
  414. <div class='dont-index'><p>Other themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
  415. <code><a href='style_duo_accent.html'>style_duo_accent</a></code>,
  416. <code><a href='style_mono_accent_inverse.html'>style_mono_accent_inverse</a></code>,
  417. <code><a href='style_mono_accent.html'>style_mono_accent</a></code>,
  418. <code><a href='style_mono_dark.html'>style_mono_dark</a></code>,
  419. <code><a href='style_mono_light.html'>style_mono_light</a></code>,
  420. <code><a href='style_solarized_dark.html'>style_solarized_dark</a></code>,
  421. <code><a href='style_solarized_light.html'>style_solarized_light</a></code>,
  422. <code><a href='style_xaringan.html'>style_xaringan</a></code></p>
  423. <p>Other Duotone themes: <code><a href='style_duo_accent_inverse.html'>style_duo_accent_inverse</a></code>,
  424. <code><a href='style_duo_accent.html'>style_duo_accent</a></code></p></div>
  425. </div>
  426. <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
  427. <h2>Contents</h2>
  428. <ul class="nav nav-pills nav-stacked">
  429. <li><a href="#arguments">Arguments</a></li>
  430. <li><a href="#see-also">See also</a></li>
  431. </ul>
  432. </div>
  433. </div>
  434. <footer>
  435. <div class="copyright">
  436. <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
  437. </div>
  438. <div class="pkgdown">
  439. <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.3.0.</p>
  440. </div>
  441. </footer>
  442. </div>
  443. </body>
  444. </html>