garrick
/
xaringanthemer
zrcadlo https://github.com/gadenbuie/xaringanthemer.git
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Vydání 10 Wiki Aktivita
😎 Give your xaringan slides some style
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
511 Revize
5 Větve
Strom: ef23fc5cb2
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „ef23fc5cb2“
${ noResults }
xaringanthemer/dev/reference/theme_xaringan_inverse.html

255 lines
19KB
Surový Blame Historie 

  1. <!DOCTYPE html>

  2. <!-- 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, shrink-to-fit=no"><meta name="description" content='

  3. A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse"

  4. xaringan slide colors and styles as styled by xaringanthemer. See

  5. vignette("ggplot2-themes") for more information and examples.'><title>An Inverse Plot Theme for ggplot2 by xaringanthemer — theme_xaringan_inverse • xaringanthemer</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.2/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.2/font.css" rel="stylesheet"><!-- 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"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></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><!-- 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><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><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='

  6. A ggplot2 xaringanthemer plot theme to seamlessly match the "inverse"

  7. xaringan slide colors and styles as styled by xaringanthemer. See

  8. vignette("ggplot2-themes") for more information and examples.'><meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@grrrck"><meta name="twitter:site" content="@grrrck"><meta name="robots" content="noindex"><!-- 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]>

  9. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

  10. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  11. <![endif]--></head><body>

  12.     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>

  13.     

  14. 

  15.     <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-light"><div class="container">

  16.     

  17.     <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

  18. 

  19.     <small class="nav-text text-danger me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="In-development version">0.4.1.9000</small>

  20. 

  21.     

  22.     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">

  23.       <span class="navbar-toggler-icon"></span>

  24.     </button>

  25. 

  26.     <div id="navbar" class="collapse navbar-collapse ms-3">

  27.       <ul class="navbar-nav me-auto"><li class="nav-item">

  28.   <a class="nav-link" href="../articles/xaringanthemer.html">Features</a>

  29. </li>

  30. <li class="active nav-item">

  31.   <a class="nav-link" href="../reference/index.html">Reference</a>

  32. </li>

  33. <li class="nav-item dropdown">

  34.   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-themes">Themes</a>

  35.   <div class="dropdown-menu" aria-labelledby="dropdown-themes">

  36.     <h6 class="dropdown-header" data-toc-skip>Themes</h6>

  37.     <a class="dropdown-item" href="../articles/themes.html">Slide Themes</a>

  38.     <a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a>

  39.     <div class="dropdown-divider"></div>

  40.     <h6 class="dropdown-header" data-toc-skip>More Customization</h6>

  41.     <a class="dropdown-item" href="../articles/fonts.html">Fonts</a>

  42.     <a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a>

  43.   </div>

  44. </li>

  45.       </ul><form class="form-inline my-2 my-lg-0" role="search">

  46.         <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>

  47. 

  48.       <ul class="navbar-nav"><li class="nav-item dropdown">

  49.   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown--">

  50.     <span class="far fa far fa-newspaper fa-lg"></span>

  51.      

  52.     

  53.   </a>

  54.   <div class="dropdown-menu" aria-labelledby="dropdown--">

  55.     <a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>

  56.     <div class="dropdown-divider"></div>

  57.     <a class="dropdown-item" href="../news/index.html">Changelog</a>

  58.   </div>

  59. </li>

  60. <li class="nav-item">

  61.   <a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer">

  62.     <span class="fab fa fab fa-github fa-lg"></span>

  63.      

  64.   </a>

  65. </li>

  66. <li class="nav-item">

  67.   <a class="external-link nav-link" href="https://twitter.com/grrrck">

  68.     <span class="fab fa fab fa-twitter fa-lg"></span>

  69.      

  70.   </a>

  71. </li>

  72. <li class="nav-item">

  73.   <a class="external-link nav-link" href="https://www.garrickadenbuie.com">

  74.     <span class="fas fa fas fa-home fa-lg"></span>

  75.      

  76.   </a>

  77. </li>

  78.       </ul></div>

  79. 

  80.     

  81.   </div>

  82. </nav><div class="container template-reference-topic">

  83. <div class="row">

  84.   <main id="main" class="col-md-9"><div class="page-header">

  85.       <img src="../logo.png" class="logo" alt=""><h1>An Inverse Plot Theme for ggplot2 by xaringanthemer</h1>

  86.       <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/HEAD/R/ggplot2.R" class="external-link"><code>R/ggplot2.R</code></a></small>

  87.       <div class="d-none name"><code>theme_xaringan_inverse.Rd</code></div>

  88.     </div>

  89. 

  90.     <div class="ref-description section level2">

  91.     <p><a href="https://lifecycle.r-lib.org/articles/stages.html#maturing" class="external-link"><img src="figures/lifecycle-maturing.svg" alt="[Maturing]"></a></p>

  92. <p>A <span class="pkg">ggplot2</span> xaringanthemer plot theme to seamlessly match the "inverse"

  93. <span class="pkg">xaringan</span> slide colors and styles as styled by <a href="xaringanthemer-package.html">xaringanthemer</a>. See

  94. <code><a href="../articles/ggplot2-themes.html">vignette("ggplot2-themes")</a></code> for more information and examples.</p>

  95.     </div>

  96. 

  97.     <div class="section level2">

  98.     <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>

  99.     <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">theme_xaringan_inverse</span><span class="op">(</span></span>

  100. <span>  text_color <span class="op">=</span> <span class="cn">NULL</span>,</span>

  101. <span>  background_color <span class="op">=</span> <span class="cn">NULL</span>,</span>

  102. <span>  accent_color <span class="op">=</span> <span class="cn">NULL</span>,</span>

  103. <span>  accent_secondary_color <span class="op">=</span> <span class="cn">NULL</span>,</span>

  104. <span>  css_file <span class="op">=</span> <span class="cn">NULL</span>,</span>

  105. <span>  set_ggplot_defaults <span class="op">=</span> <span class="cn">TRUE</span>,</span>

  106. <span>  text_font <span class="op">=</span> <span class="cn">NULL</span>,</span>

  107. <span>  text_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span>

  108. <span>  text_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span>

  109. <span>  title_font <span class="op">=</span> <span class="cn">NULL</span>,</span>

  110. <span>  title_font_use_google <span class="op">=</span> <span class="cn">NULL</span>,</span>

  111. <span>  title_font_size <span class="op">=</span> <span class="cn">NULL</span>,</span>

  112. <span>  use_showtext <span class="op">=</span> <span class="cn">NULL</span></span>

  113. <span><span class="op">)</span></span></code></pre></div>

  114.     </div>

  115. 

  116.     <div class="section level2">

  117.     <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>

  118.     <dl><dt>text_color</dt>

  119. <dd><p>Color for text and foreground, inherits from <code>text_color</code></p></dd>

  120. 

  121. 

  122. <dt>background_color</dt>

  123. <dd><p>Color for background, inherits from

  124. <code>background_color</code></p></dd>

  125. 

  126. 

  127. <dt>accent_color</dt>

  128. <dd><p>Color for titles and accents, inherits from

  129. <code>header_color</code></p></dd>

  130. 

  131. 

  132. <dt>accent_secondary_color</dt>

  133. <dd><p>Color for secondary accents, inherits from

  134. <code>text_bold_color</code></p></dd>

  135. 

  136. 

  137. <dt>css_file</dt>

  138. <dd><p>Path to a <span class="pkg">xaringanthemer</span> CSS file, from which the

  139. theme variables and values will be inferred. In general, if you use the

  140. <span class="pkg">xaringathemer</span> defaults, you will not need to set this. This feature

  141. lets you create a <span class="pkg">ggplot2</span> theme for your <span class="pkg">xaringan</span> slides, even

  142. if you have only saved your theme CSS file and you aren't creating your

  143. CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source file.</p></dd>

  144. 

  145. 

  146. <dt>set_ggplot_defaults</dt>

  147. <dd><p>Should defaults be set for <span class="pkg">ggplot2</span> <em>geoms</em>?

  148. Defaults to TRUE. To restore ggplot's defaults, or the previously set geom

  149. defaults, see <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_restore_defaults()</a></code>.</p></dd>

  150. 

  151. 

  152. <dt>text_font</dt>

  153. <dd><p>Font to use for text elements, passed to

  154. <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">sysfonts::font_add_google()</a></code>, if available and <code>text_font_use_google</code> is

  155. <code>TRUE</code>. Inherits from <code>text_font_family</code>. If manually specified, can be a

  156. <code><a href="google_font.html">google_font()</a></code>.</p></dd>

  157. 

  158. 

  159. <dt>text_font_use_google</dt>

  160. <dd><p>Is <code>text_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>

  161. 

  162. 

  163. <dt>text_font_size</dt>

  164. <dd><p>Base text font size, inherits from <code>text_font_size</code>, or

  165. defaults to 11.</p></dd>

  166. 

  167. 

  168. <dt>title_font</dt>

  169. <dd><p>Font to use for title elements, passed to

  170. <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add_google.html" class="external-link">sysfonts::font_add_google()</a></code>, if available and <code>title_font_use_google</code> is

  171. <code>TRUE</code>. Inherits from <code>title_font_family</code>. If manually specified, can be a

  172. <code><a href="google_font.html">google_font()</a></code>.</p></dd>

  173. 

  174. 

  175. <dt>title_font_use_google</dt>

  176. <dd><p>Is <code>title_font</code> available on <a href="https://fonts.google.com" class="external-link">Google Fonts</a>?</p></dd>

  177. 

  178. 

  179. <dt>title_font_size</dt>

  180. <dd><p>Base text font size, inherits from <code>title_font_size</code>,

  181. or defaults to 14.</p></dd>

  182. 

  183. 

  184. <dt>use_showtext</dt>

  185. <dd><p>If <code>TRUE</code> the <span class="pkg">showtext</span> package will be

  186. used to register Google fonts. Set to <code>FALSE</code> to disable this feature

  187. entirely, which may result in errors during plotting if the fonts used are

  188. not available locally. The default is <code>TRUE</code> when the <span class="pkg">showtext</span>

  189. package is installed.</p></dd>

  190. 

  191. </dl></div>

  192.     <div class="section level2">

  193.     <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>

  194.     

  195. 

  196. <p>A ggplot2 theme</p>

  197.     </div>

  198.     <div class="section level2">

  199.     <h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>

  200.     <div class="dont-index"><p>Other xaringanthemer ggplot2 themes: 

  201. <code><a href="theme_xaringan_base.html">theme_xaringan_base</a>()</code>,

  202. <code><a href="theme_xaringan_set_defaults.html">theme_xaringan_set_defaults</a>()</code>,

  203. <code><a href="theme_xaringan.html">theme_xaringan</a>()</code></p></div>

  204.     </div>

  205. 

  206.     <div class="section level2">

  207.     <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>

  208.     <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Requires ggplot2</span></span></span>

  209. <span class="r-in"><span><span class="va">has_ggplot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"ggplot2"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>

  210. <span class="r-in"><span></span></span>

  211. <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="va">has_ggplot2</span><span class="op">)</span> <span class="op">{</span></span></span>

  212. <span class="r-in"><span>  <span class="co"># Because this is an example, we'll save the CSS to a temp file</span></span></span>

  213. <span class="r-in"><span>  <span class="va">path_to_css_file</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/tempfile.html" class="external-link">tempfile</a></span><span class="op">(</span>fileext <span class="op">=</span> <span class="st">".css"</span><span class="op">)</span></span></span>

  214. <span class="r-in"><span></span></span>

  215. <span class="r-in"><span>  <span class="co"># Create the xaringan theme: dark blue background with teal green accents</span></span></span>

  216. <span class="r-in"><span>  <span class="fu"><a href="style_duo.html">style_duo</a></span><span class="op">(</span></span></span>

  217. <span class="r-in"><span>    primary_color <span class="op">=</span> <span class="st">"#002b36"</span>,</span></span>

  218. <span class="r-in"><span>    secondary_color <span class="op">=</span> <span class="st">"#31b09e"</span>,</span></span>

  219. <span class="r-in"><span>    <span class="co"># Using basic fonts for this example, but the plot theme will</span></span></span>

  220. <span class="r-in"><span>    <span class="co"># automatically use your theme font if you use Google fonts</span></span></span>

  221. <span class="r-in"><span>    text_font_family <span class="op">=</span> <span class="st">"sans"</span>,</span></span>

  222. <span class="r-in"><span>    header_font_family <span class="op">=</span> <span class="st">"serif"</span>,</span></span>

  223. <span class="r-in"><span>    outfile <span class="op">=</span> <span class="va">path_to_css_file</span></span></span>

  224. <span class="r-in"><span>  <span class="op">)</span></span></span>

  225. <span class="r-in"><span></span></span>

  226. <span class="r-in"><span>  <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span></span>

  227. <span class="r-in"><span>  <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/ggplot.html" class="external-link">ggplot</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">)</span> <span class="op">+</span></span></span>

  228. <span class="r-in"><span>    <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span><span class="va">cty</span>, <span class="va">hwy</span><span class="op">)</span> <span class="op">+</span></span></span>

  229. <span class="r-in"><span>    <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/geom_point.html" class="external-link">geom_point</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span></span></span>

  230. <span class="r-in"><span>    <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/labs.html" class="external-link">ggtitle</a></span><span class="op">(</span><span class="st">"Fuel Efficiency of Various Cars"</span><span class="op">)</span> <span class="op">+</span></span></span>

  231. <span class="r-in"><span>    <span class="co"># themed to match the inverse slides: teal background with dark blue text</span></span></span>

  232. <span class="r-in"><span>    <span class="fu">theme_xaringan_inverse</span><span class="op">(</span><span class="op">)</span></span></span>

  233. <span class="r-in"><span><span class="op">}</span></span></span>

  234. <span class="r-plt img"><img src="theme_xaringan_inverse-1.png" alt="" width="700" height="433"></span>

  235. </code></pre></div>

  236.     </div>

  237.   </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>

  238.     </nav></aside></div>

  239. 

  240. 

  241.     <footer><div class="pkgdown-footer-left">

  242.   <p></p><p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p>

  243. </div>

  244. 

  245. <div class="pkgdown-footer-right">

  246.   <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>

  247. </div>

  248. 

  249.     </footer></div>

  250. 

  251.   

  252. 

  253.   <script>window.jQuery('.navbar-brand + small').addClass(['badge', 'bg-secondary', 'text-light']).removeClass('text-muted')</script></body></html>